CSS:使用文本定位图标级别

文章/答案/技术大牛

发布

3回答

html、css、flexbox

我有以下样式，它们实现了“图标”与“主要文本”水平水平坐的预期效果-然而，我希望我的“主要文本”有一个12px的间距来“项目一”。目前12px从图标的底部开始，比标题大。谁能建议如何保持图标与标题的水平，同时能够定义之间的标题和项目之间的间距？ MAIN TEXT </div> <ul class="list">Item on

浏览 22提问于2021-10-06得票数 1

回答已采纳

2回答

如何在GWT的TextArea中添加图标旁边的文字？

java、gwt

我有文本(一些帮助提示)的文本区，我想在文本之前添加信息图标，以使它看起来像：---------------.*icon: help icon如果不可能将图标添加到TextArea中，也许有其他解决方案可以(在标签中？)

浏览 1提问于2013-01-21得票数 0

回答已采纳

2回答

如何在文字之前放置图标？

html、css、icons、pseudo-element

我想将一个图标放在我的网站上的"Mon compte“文本之前。link secondary-nav__menu-link--level-1" data-drupal-link-system-path="user"></a> height: 28px; margin: 0 6px 0 0;它工作得很好，这是输出：我的问题是，当我右键单击链接时，

浏览 7提问于2022-11-07得票数 1

2回答

Extjs -在选项卡标题上对齐图标

javascript、css、extjs、extjs4

使用Extjs中的选项卡面板，我想使用setIconCls在标题旁边的选项卡上设置一个图标；我怎样才能把它靠左对齐？

浏览 1提问于2013-05-28得票数 1

2回答

CSS -定位文本和图标

html、css、css-float

设计应该是这样的- 我现在就在这里- 我相信对于一个经验丰富的前端开发人员来说，这是相当明显的，但是我一直在使用浮点数和显示，并且正在挣扎。fa fa-play-circle-o fa-3x" aria-hidden="true"></i> </div>CSSmargin-right: 30px;

浏览 4提问于2017-06-27得票数 0

回答已采纳

1回答

SKLabelNode定位不像预期那样工作

objective-c、sprite-kit、sknode、sklabelnode

我的顶部栏应该有以下(左到右)：-一个50x50图标，按级别变化，但它是相同的大小-一个标签的一些文字，根据级别变化-.其他要素 scoreImage = [[ SKSpriteNode alloc] initWithImageNamed:level

浏览 0提问于2014-02-28得票数 4

回答已采纳

1回答

基于糖图标的在Hover上打开的Navbar的CSS定位

html、css

我正在尝试将一个图像模型转换为HTML/CSS，并且我正在努力使导航条正常工作：这个想法是，通常它只会有汉堡包图标和“菜单”文本，然后当你悬停时，它应该向下打开并显示图标和文本。我不知道如何将这些图标集成到现有的<li>元素中(应该只使用<br>来拆分行吗？)-然后使用CSS定位使其打开和关闭。

浏览 0提问于2013-09-30得票数 0

回答已采纳

1回答

Fontawesome图标不通过CSS显示

css、sass

我创建的css类如下： border: none; content: "\f141";}而不是酷瑞特图标

浏览 2提问于2020-12-30得票数 0

3回答

边菜单中的字体图标

html、css、twitter-bootstrap

大家好，大家好，我的SideMenu有问题--我用和字体来做字体--最大的问题是，在我旁边的菜单中，如果我有一个图标更小，那么文本也会被推到左边，这里两个值得注意的例子是“分类法”和“价格”选项，其中文字太左了我已经创建了一个小型的jsFiddle ，它模拟了这个边栏，任何帮助都会受到感谢，同样，关键是使文本始终对齐，而不管我使用的图标大小如何。</li> <

浏览 10提问于2017-04-22得票数 0

回答已采纳

4回答

CSS:如何将文本放入图标中？

html、css、ionic-framework

我正在开发一个Ionic应用程序，我在圆形区域显示一些，但我需要将这个数字放入第二个区域的心脏图标中。我需要他们垂直和水平地对齐，这个数字看起来就像心脏的内部。注意到：文本是动态的，它是一个百分比，可以是0%到100% <link href="http://code.ionicframework.com/1.3.0/css/ionic.min.css

浏览 9提问于2016-05-04得票数 6

1回答

如何在Vue组件中将一个图标覆盖到另一个图标上？

html、css、vue.js

icon_addition_styling" {{ mytext }}</template> 我想在另一个图标上显示回形针不幸的是，How to overlay one div over another div的解决方案不起作用，因为position:absolute在整个页面上定位自己，而不是在我的vue组件中定位。我的第二个想法是在图标

浏览 147提问于2019-02-06得票数 0

回答已采纳

1回答

CSS属性选择器和后面的另一个选择器

html、css、angular、css-selectors、attributes

我正在尝试在Angular中做一些类似的事情： css header-wrap[icon="taco"] icon-element {margin: 1rem;} HTML <header-wrap奇怪的是，当我在chrome检查器中使用document.querySelectorAll时，它会返回我想要的元素，但是为这种情况编写样式的任何尝试都会失败。

浏览 13提问于2021-07-27得票数 0

回答已采纳

2回答

UI5:隐藏UploadSet的“没有找到的文件”图标

sapui5、visibility

我知道有一个属性noDataText和noDataDescription可以留空，但我想隐藏大图标，以减少占用房地产。我怎样才能做到这一点？编辑:有人建议使用customCSS，我该如何使用它呢？

浏览 2提问于2020-07-27得票数 0

回答已采纳

4回答

防止浮动div转到给定文本内容长度的下一行。

html、css

我遇到了一些CSS定位问题。在阅读了一些其他问题后，我一直无法找到我的确切问题，或任何我可以确定的，表明我如何解决我的问题。但是，当文本超出一行时，结果如下：我需要这样做，使我的文本总是垂直对齐我的图标，这样中间的文本线与图标的中间。

浏览 0提问于2019-03-01得票数 3

回答已采纳

1回答

Moodle游览箱放错了位置

moodle

我试图建立一个Moodle旅游使用选择器，但我遇到了一个问题，让我卡住了。帮助框出现在选择器目标的下方。下面是显示设置和问题的两个快照：设置屏幕： ? 面板屏幕： ?

浏览 9提问于2020-12-04得票数 0

1回答

这个页面上的字体版本是什么？

font-awesome

我必须修改一个遗留应用程序，并且我想快速找出该应用程序正在运行的Font-Awesome版本，这样我就知道哪些图标是可用的。由于该应用程序使用编译后的CSS，我无法从页面的资源中确定。我想像一个JavaScript命令或者插入一个像fa-version这样的图标来呈现版本号。

浏览 0提问于2018-05-25得票数 8

回答已采纳

3回答

如何使用css实现这种透明效果？

html、css、psd

这个设计是在photoshop中创建的，我正在尝试转换为html和css。我有一个背景图像(与绿色灯)，一个减少不透明度的覆盖和一些文本与图标定位在中心。我如何才能达到以下html和css显示的效果？

浏览 13提问于2016-03-04得票数 0

回答已采纳

5回答

文字在左边，图标在右边-引导

html、css、twitter-bootstrap

如何将图标定位到极右，并使用引导带将文本保持在左侧。到目前为止，我的努力是：<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"

浏览 0提问于2018-12-11得票数 1

回答已采纳

3回答

这是两张描述问题的照片这两张描述问题的照片这两张描述问题的照片 this is the orignal 我希望图标的位置是这样的 but I want it to be like this 我用过 vertical-alignfrom Morten Rand-Hendriksen, staff author at lynda.com" <link rel="stylesheet" href="test.css" type="text/c

浏览 34提问于2019-09-15得票数 0

1回答

图标的开销标签-如何使两者响应悬停，使用CSS？

css、hyperlink、hover、icons、label

我想显示一个图标，带有一个间接的文本标签。我希望文本响应悬停，无论光标是定位在文本或图标图像之上。我能找到的最接近的例子是在这个链接#CSS .my-标签{背景:url(my-icon.png)不重复右中心；填充-右:20 my；} 但是我的CSS技巧还不够好--我还没有成功地将它改编成以上面为中心

浏览 1提问于2013-04-30得票数 1

回答已采纳

点击加载更多