首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

<ol>为什么列表前面没有数字?请大侠门指教,多谢。有源代码

2012-08-02 
ol为什么列表前面没有数字?请大侠门指教,谢谢。有源代码ol style margin-left:30px list-style-type:

<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所影响。
[解决办法]

探讨
举个例子


<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>礼品卡使用说……

[解决办法]
http://blog.sina.com.cn/u/2760399482
[解决办法]
把list-style-image:none去掉
[解决办法]
用CSS试试。

热点排行