html – 使用背景图像作为项目符号对齐中心列表项

概述我一直试图解决这个问题一个小时,但无法找到解决方案. 我想要的是一个居中的列表,背景图像为“滴答”. 我要这个： 除了点对齐到列表ul(1140px宽)的左边而不是列在中心的列表项li的左边之外,它应该工作. 如果要将点对齐到ul的左侧,请使用点图像作为背景： ul li { text-align: center; background: url(path/to/dot.png) 0 ce 我一直试图解决这个问题一个小时,但无法找到解决方案.

我想要的是一个居中的列表,背景图像为“滴答”.

我要这个：

除了点对齐到列表ul(1140px宽)的左边而不是列在中心的列表项li的左边之外,它应该工作.

解决方法 如果要将点对齐到ul的左侧,请使用点图像作为背景：

ul li {  text-align: center;  background: url(path/to/dot.png) 0 center no-repeat;}

JSBin Demo #1

更新

如果需要将点对齐到列表项的左侧,请使用以下命令：

ul {  List-style-type: none;  padding: 0;  text-align: center;  white-space: pre-line;}ul li {  display: inline-block;  padding-left: 15px;  background: url(path/to/dot.png) 0 center no-repeat;}

JSBin Demo #2

总结

以上是内存溢出为你收集整理的html – 使用背景图像作为项目符号对齐中心列表项全部内容，希望文章能够帮你解决html – 使用背景图像作为项目符号对齐中心列表项所遇到的程序开发问题。

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