<ol>为什么列表前面没有数字?请大侠门指教,谢谢。有源代码
<ol style=" margin-left:30px; list-style-type:decimal; list-style-image:none; list-style-position:outside;">
<h3>礼品卡使用说明</h3>
<li>本卡有效期自购卡之日起15个月内有效,过期作废; </li>
<li>在收到商品之前,请妥善保管卡号及密码,遗失不补; </li>
<li>本卡不计名不挂失,不予兑现; </li>
<li>购物金额不足部分以其它支付方式补足; </li>
<li>本卡未使用完的金额,可以在下次继续使用; </li>
<li>每个订单可以使用多张礼品卡,礼品卡支付部分不开发票; </li>
<li>发生退货时,礼品卡支付部分退回卡内,不予兑现; </li>
<li>在提交订单之前选择“使用礼品卡”,填加卡的密码即可使用本卡; </li>
<li>填加礼品卡密码时,字母需大写并将中划线一起输入; </li>
</ol>
这一段代码,单独在IE运行是有数字序号,可是放到网站后台的编辑器里发布出来之后,在前台显示就没有序号了,这是什么原因?
[解决办法]
显示页有其他css把ol影响到了,
那这里 最好“多此一举”,
写成
<li>1. ....</li>
<li>2. ....</li>
....
<li>11. ....</li>
[解决办法]
看看有没有其他css 影响它
[解决办法]
举个例子
<style>
ol {
list-style:none !important;
}
</style>
<ol style=" margin-left:30px; list-style-type:decimal !important; list-style-image:none; list-style-position:outside;">
<h3>礼品卡使用说明</h3>
<li>本卡有效期自购卡之日起15个月内有效,过期作废; </li>
<li>在收到商品之前,请妥善保管卡号及密码,遗失不补; </li>
<li>本卡不计名不挂失,不予兑现; </li>
<li>购物金额不足部分以其它支付方式补足; </li>
<li>本卡未使用完的金额,可以在下次继续使用; </li>
<li>每个订单可以使用多张礼品卡,礼品卡支付部分不开发票; </li>
<li>发生退货时,礼品卡支付部分退回卡内,不予兑现; </li>
<li>在提交订单之前选择“使用礼品卡”,填加卡的密码即可使用本卡; </li>
<li>填加礼品卡密码时,字母需大写并将中划线一起输入; </li>
</ol>
如果不要红色部分,那么 list-style 就很被style中的css所影响。
[解决办法]