html – 使用自定义项目符号时缩进衣衫褴褛的li

概述我试图在使用自定义项目符号时缩进不合适的li线,但是我在网上找到的任何减去“文本缩进”解决方案都没有用 – 除非我遗漏了一些东西. 有人可以看一下下面的代码并告诉我需要添加什么来缩进凹凸不平的li线？ .list-icon-pros { list-style: none; padding-left: 0;}.list-icon-pros li:before { 我试图在使用自定义项目符号时缩进不合适的li线,但是我在网上找到的任何减去“文本缩进”解决方案都没有用 – 除非我遗漏了一些东西.

有人可以看一下下面的代码并告诉我需要添加什么来缩进凹凸不平的li线？

.List-icon-pros {    List-style: none;    padding-left: 0;}.List-icon-pros li:before {        Font-family: FontAwesome;    color: #B3B300;    padding-right: 10px;    content: "\f00c";}

解决方法 您可以为伪元素添加负边距,也可以使用position：absolute.

绝对位置：http://jsfiddle.net/ZwYyL/6/

.List-icon-pros {    List-style: none;    padding-left: 20px;    position: relative;}.List-icon-pros li:before {    Font-family: FontAwesome;    color: #B3B300;    content:"\f00c";    position: absolute;    left: 0;}

负边际：http://jsfiddle.net/ZwYyL/5/

.List-icon-pros {    List-style: none;    padding-left: 22px;}.List-icon-pros li:before {    Font-family: FontAwesome;    color: #B3B300;    content:"\f00c";    margin:0 5px 0 -22px;}

总结

以上是内存溢出为你收集整理的html – 使用自定义项目符号时缩进衣衫褴褛的li全部内容，希望文章能够帮你解决html – 使用自定义项目符号时缩进衣衫褴褛的li所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。