html – CSS使用自定义项目符号在列表中正确对齐文本

概述我试图让我的列表中的文本正确对齐,但我无法正确对齐. 正如您所看到的那样,文本稍微偏离并从“图像子d”基线开始.我希望它在中间. 资源： //CSSul { list-style-image:url(image/li.png); list-style-position:outside; margin:0; padding:0;}ul li { margin: 我试图让我的列表中的文本正确对齐,但我无法正确对齐.

正如您所看到的那样,文本稍微偏离并从“图像子d”基线开始.我希望它在中间.

资源：

//CSSul  {    List-style-image:url(image/li.png);    List-style-position:outsIDe;    margin:0; padding:0;}ul li {    margin:0; padding:0;}//HTML<ul>   <li>Item 1</li>   <li>Item 2</li>   <li>Item 3</li></ul>

解决方法 现在定义您的li背景图像并根据您的设计定义背景位置

ul  {    List-style:none;     margin:0; padding:0;}ul li {    margin:0; padding:0;  background:url('') no-repeat 0 0;  padding-left:40px;  // according to your image with  min-height:40px; // according to your image height}

Demo

DEMO2根据OP的确切要求

总结

以上是内存溢出为你收集整理的html – CSS使用自定义项目符号在列表中正确对齐文本全部内容，希望文章能够帮你解决html – CSS使用自定义项目符号在列表中正确对齐文本所遇到的程序开发问题。

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