大佬教程收集整理的这篇文章主要介绍了css – 自定义li列表风格与字体真棒图标，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我目前使用jQuery做到这一点，即：
$("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>");
但是，当< li>文本在页面中换行，因为它认为图标是文本的一部分，而不是实际的项目符号。
任何提示？
你可以做的是向父ul添加一些填充，并将图标拉入填充：
ul { list-style: none; padding: 0; } li { padding-left: 1.3em; } li:before { content: "\f00c"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ }
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <ul> <li>Item one</li> <li>Item two</li> </ul>
根据你的喜好调整padding / font-size / etc，就是这样。这是通常的小提琴：http://jsfiddle.net/joplomacedo/a8GxZ/
以上是大佬教程为你收集整理的css – 自定义li列表风格与字体真棒图标全部内容，希望文章能够帮你解决css – 自定义li列表风格与字体真棒图标所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。