关于 list-style-type 中的 square 和 decimal 怎样才可以对齐?

2014-04-16 11:39:38 +08:00
 shpasspass
如图,
css是↓
.zhenwen ul,.zhenwen ol{
padding-left: 30px;
margin: 15px 0 15px 0;
}
.zhenwen ul li
{
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dashed #dfdfdf;
list-style-type: square;
}
.zhenwen ol li{
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dashed #dfdfdf;
list-style-type: decimal;
}
html是↓
<div class="zhenwen">
<ul>
<li>键盘 W S A D 分别控制上下左右</li>
<li>空白键跳跃</li>
<li>左 SHIFT 键加速</li>
<li>鼠标控制传送枪的方向</li>
<li>鼠标左键发射传送门&nbsp;</li> </ul>
<ol>
<li>键盘 W S A D 分别控制上下左右</li>
<li>空白键跳跃</li>
<li>左 SHIFT 键加速</li>
<li>鼠标控制传送枪的方向</li>
<li>鼠标左键发射传送门&nbsp;</li>
</ol>
</div>


弄完之后,数字总是靠左边。。。有没有办法与圆点对齐呢?
2548 次点击
所在节点    问与答
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/108783

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX