防止列表中的文本在图标项目符号下包装?

安德鲁

我之前已经建立了列表并设置了样式,但是此列表是由Font Awesome字体制成的,并且是使用div(不是全局的)制成的。

我从这个开始:

ul.fa-ul2 li:before {
    font-family: FontAwesome;
    content: '\f058';
    color: #6190C3;
    font-size: 28px;
    padding-right: 10px;
    margin-left: -15px;
}

无论我尝试了什么,都无法让文本停止在子弹下包裹。还需要稍微增加列表元素,以便它们与字体对齐。这是测试站点的链接到现场测试站点的链接

我尝试了“显示:内联块”和“列表样式位置:外部”,但没有运气。我可能把它们放在错误的地方。感谢您的任何建议。

维托里诺·费尔南德斯

将此样式集添加position:absoluteli:before和liposition:relative

ul.fa-ul2 > li{
 position: relative;
}

ul.fa-ul2 li:before {
 position: absolute;
 left: -13px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

列表中未包含无序列表中的项目符号?

来自分类Dev

防止UICollectionView中的项目“包装”

来自分类Dev

在jsp中操作列表项目符号

来自分类Dev

如何将列表的项目符号移至文本的右侧?

来自分类Dev

在HIghcharts中设置自定义图例项目符号(或图标)

来自分类Dev

项目符号列表文本缩进/对齐选项卡后

来自分类Dev

无序列表中项目符号之前的文本

来自分类Dev

flexbox可以用来“包装”列表中的项目吗?

来自分类Dev

Markdown中的多行项目符号列表

来自分类Dev

在R markdown中创建带括号的文本(在项目符号列表中)

来自分类Dev

在HTML列表中应用图标和文本时,我遇到缩进问题。如何正确缩进项目?

来自分类Dev

CSS:更改列表中项目符号的颜色?

来自分类Dev

复制文本时防止Word包含项目符号字母

来自分类Dev

列表中未包含无序列表中的项目符号?

来自分类Dev

更改项目符号列表中列表项目的项目符号样式

来自分类Dev

如何在不移动列表中其他项目的情况下使文本显示在div下?

来自分类Dev

如何从文本框中插入项目符号列表?

来自分类Dev

防止GridView ActionColumn图标全局包装

来自分类Dev

在Powerpoint中,如何在文本框中获取项目符号图标以使用与“单击此处”框中的图标相同的图标?

来自分类Dev

Vim中纯文本文档的项目符号列表

来自分类Dev

如何防止列表中的空项目显示?

来自分类Dev

在列表中使用图标代替项目符号

来自分类Dev

在有序列表中包装文本

来自分类Dev

从引导程序列表中删除单个项目符号图标

来自分类Dev

如何设置项目符号列表图标的样式

来自分类Dev

如何使列表中的项目符号点对齐

来自分类Dev

从 <ul> 中删除列表项目符号

来自分类Dev

如何使背景图像项目符号与包装列表项的第一行对齐?

来自分类Dev

如何在富文本框中插入编号的项目符号列表

Related 相关文章

  1. 1

    列表中未包含无序列表中的项目符号?

  2. 2

    防止UICollectionView中的项目“包装”

  3. 3

    在jsp中操作列表项目符号

  4. 4

    如何将列表的项目符号移至文本的右侧?

  5. 5

    在HIghcharts中设置自定义图例项目符号(或图标)

  6. 6

    项目符号列表文本缩进/对齐选项卡后

  7. 7

    无序列表中项目符号之前的文本

  8. 8

    flexbox可以用来“包装”列表中的项目吗?

  9. 9

    Markdown中的多行项目符号列表

  10. 10

    在R markdown中创建带括号的文本(在项目符号列表中)

  11. 11

    在HTML列表中应用图标和文本时,我遇到缩进问题。如何正确缩进项目?

  12. 12

    CSS:更改列表中项目符号的颜色?

  13. 13

    复制文本时防止Word包含项目符号字母

  14. 14

    列表中未包含无序列表中的项目符号?

  15. 15

    更改项目符号列表中列表项目的项目符号样式

  16. 16

    如何在不移动列表中其他项目的情况下使文本显示在div下?

  17. 17

    如何从文本框中插入项目符号列表?

  18. 18

    防止GridView ActionColumn图标全局包装

  19. 19

    在Powerpoint中,如何在文本框中获取项目符号图标以使用与“单击此处”框中的图标相同的图标?

  20. 20

    Vim中纯文本文档的项目符号列表

  21. 21

    如何防止列表中的空项目显示?

  22. 22

    在列表中使用图标代替项目符号

  23. 23

    在有序列表中包装文本

  24. 24

    从引导程序列表中删除单个项目符号图标

  25. 25

    如何设置项目符号列表图标的样式

  26. 26

    如何使列表中的项目符号点对齐

  27. 27

    从 <ul> 中删除列表项目符号

  28. 28

    如何使背景图像项目符号与包装列表项的第一行对齐?

  29. 29

    如何在富文本框中插入编号的项目符号列表

热门标签

归档