【求助】css定义样式中，li前面的序号问题_css吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：44,558贴子：
【求助】css定义样式中，li前面的序号问题收藏
如图所示，背景大红色是一个大的div,里面包含图片合li文字，但是我发现用OL排序的时候，那个数字怎么跑到div前面去了？按道理说，不应该在div里面的嘛。百思不得其解，而且，现在的问题是，怎样才能把它放回到div标签中。我另外新建一个网页，把代码复制过去的时候，是在div里面的。一开始我考虑是不是网页中其它部分的li影响了，但是并没有啊，所有的li都是独立配一个class的，有没有人知道这个问题怎么解决呢这个是我正在做的网页，ol排序数字不知道为什么就出来了，而且我一开始*{padding：0；margin:0;}这些都归0了。这个是我做实验的一个，图片就没费心思弄过来。有知道的嘛？
千锋css 名师荟萃 汇聚html5前沿技术 全栈式教学模式 免费试学两周千锋css 0基础4个月快速提升,成就html5实战精英 实战教学 学习就业无缝对接!
以上是整个网页所有的有关li的css样式，下面是html 产生错误的li的div
ol这个标签 浏览器会自动加上padding 不要用 ‘*’
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或手机号/邮箱:?
使用第三方登录：?
还可以输入 300 字符
请输入举报理由
选择收藏分类：
默认收藏夹
添加收藏分类：
酷友观点/经验：CSS定义li前面的小点样式(原创文章)
系统分类：
文章版权：
原创，如需商业用途或转载请与
联系，谢谢配合！
北京市 / 产品设计师5年前发布
有些新闻网内容前面需要内容，比如小点，比如数字，这是LI中的一个属性，虽然很简单，但比较实用也比较重要。如果知道的可以无视，不知道的，看一下。有个印象。
有些新闻网内容前面需要内容，比如小点，比如数字，这是LI中的一个属性，虽然很简单，但比较实用也比较重要。如果知道的可以无视，不知道的，看一下。有个印象。比如：……语法：&&
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin& &
这些语法就是定义LI前面小点的样式所用到的,当然,前面使用小图标,效果更是千变万化,具体的实施,就是个人的爱好了
view plaincopy to clipboardprint?
list-style-image : none | url ( url )& &
none&&:　 默认值。不指定图像& &
url ( url )&&:　 使用绝对或相对 url 地址指定图像& &
list-style-position : outside | inside& &
outside&&:　 默认值。列表项目标记放置在文本以外，且环绕文本不根据标记对齐& &
inside&&:　 列表项目标记放置在文本以内，且环绕文本根据标记对齐& &
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin& &
disc&&:　 CSS1&&默认值。实心圆& &
circle&&:　 CSS1&&空心圆& &
square&&:　 CSS1&&实心方块& &
decimal&&:　 CSS1&&阿拉伯数字& &
lower-roman&&:　 CSS1&&小写罗马数字& &
upper-roman&&:　 CSS1&&大写罗马数字& &
lower-alpha&&:　 CSS1&&小写英文字母& &
upper-alpha&&:　 CSS1&&大写英文字母& &
none&&:　 CSS1&&不使用项目符号& &
armenianl&&:　 CSS2&&未支持。传统的亚美尼亚数字& &
cjk-ideographic&&:　 CSS2&&未支持。浅白的表意数字& &
georgian&&:　 CSS2&&未支持。传统的乔治数字& &
lower-greek&&:　 CSS2&&未支持。基本的希腊小写字母& &
hebrew&&:　 CSS2&&未支持。传统的希伯莱数字& &
hiragana&&:　 CSS2&&未支持。日文平假名字符& &
hiragana-iroha&&:　 CSS2&&未支持。日文平假名序号& &
katakana&&:　 CSS2&&未支持。日文片假名字符& &
katakana-iroha&&:　 CSS2&&未支持。日文片假名序号& &
lower-latin&&:　 CSS2&&未支持。小写拉丁字母& &
upper-latin&&:　 CSS2&&未支持。大写拉丁字母
北京市 / 产品设计师5年前发布
同时推荐此文章
还可以输入2000 个字符
所有，如需商业用途或转载请与
联系，谢谢配合！后使用快捷导航没有帐号？
只需一步，快速开始
查看: 3249|回复: 13
有序列表, li 里的文字和数字,的距离能控制吗
UID428878在线时间 小时积分333帖子离线17166 天注册时间
中级会员, 积分 333, 距离下一级还需 167 积分
运用, ol&&有序列表, li 里的文字和数字,的距离能控制吗
UID428878在线时间 小时积分333帖子离线17166 天注册时间
中级会员, 积分 333, 距离下一级还需 167 积分
帮帮忙啊帮帮忙啊帮帮忙啊,在线等
UID474940在线时间 小时积分714帖子离线17166 天注册时间
高级会员, 积分 714, 距离下一级还需 286 积分
li { padding-left:20px}
UID428878在线时间 小时积分333帖子离线17166 天注册时间
中级会员, 积分 333, 距离下一级还需 167 积分
楼上的,这样子,把数字也挤进去了
楼上的,这样子,把数字也挤进去了, 我是想让数字和文字间的距离小点
UID474940在线时间 小时积分714帖子离线17166 天注册时间
高级会员, 积分 714, 距离下一级还需 286 积分
玩阴的吧& && && && && &&&&
UID428878在线时间 小时积分333帖子离线17166 天注册时间
中级会员, 积分 333, 距离下一级还需 167 积分
哈,,有没有更好的方法
UID217470在线时间 小时积分373帖子离线17166 天注册时间
中级会员, 积分 373, 距离下一级还需 127 积分
用letterSpacing
UID428878在线时间 小时积分333帖子离线17166 天注册时间
中级会员, 积分 333, 距离下一级还需 167 积分
楼上的大哥,我是菜鸟,letterSpacing,怎么用啊
UID217470在线时间 小时积分373帖子离线17166 天注册时间
中级会员, 积分 373, 距离下一级还需 127 积分
letter-spacing是控制字的间距离，sorry看错。
文字和数字的间距，可以把文字或数字用&span&来控制
&ol class=&aa&&
&&&li&今天共有&span&18&/span&条新闻&/a&&/li&
.aa li span { margin: 0 2 };
不知这是不是你要的效果
[[i] 本帖最后由 sundoo 于
12:16 编辑 ]
UID5688在线时间 小时积分54帖子离线17166 天注册时间
初级会员, 积分 54, 距离下一级还需 146 积分
楼上的没搞清状况啊
UID5688在线时间 小时积分54帖子离线17166 天注册时间
初级会员, 积分 54, 距离下一级还需 146 积分
ol 中的li 的list-style-position:用outside试下
padding就有用了
UID428878在线时间 小时积分333帖子离线17166 天注册时间
中级会员, 积分 333, 距离下一级还需 167 积分
楼上的说的可以用
UID352426在线时间 小时积分6850帖子离线17166 天注册时间
在LI里面的列表项的文字前加个空格不就死了嘛，简单易懂
UID280719在线时间 小时积分44帖子离线17166 天注册时间
新手上路, 积分 44, 距离下一级还需 6 积分
text-indent:20
Powered by}