关于 list-style-type 中的 square 和 decimal 怎样才可以对齐？
shpasspass · 2014-04-16 11:39:38 +08:00 · 2648 次点击这是一个创建于 3874 天前的主题，其中的信息可能已经有所发展或是发生改变。
如图，
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>鼠标左键发射传送门 </li> </ul>
<ol>
<li>键盘 W S A D 分别控制上下左右</li>
<li>空白键跳跃</li>
<li>左 SHIFT 键加速</li>
<li>鼠标控制传送枪的方向</li>
<li>鼠标左键发射传送门 </li>
</ol>
</div>
弄完之后，数字总是靠左边。。。有没有办法与圆点对齐呢？
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>鼠标左键发射传送门 </li> </ul>
<ol>
<li>键盘 W S A D 分别控制上下左右</li>
<li>空白键跳跃</li>
<li>左 SHIFT 键加速</li>
<li>鼠标控制传送枪的方向</li>
<li>鼠标左键发射传送门 </li>
</ol>
</div>
弄完之后，数字总是靠左边。。。有没有办法与圆点对齐呢？
目前尚无回复
Select Language