<OL>或ul里的<Li，是不是横着排(float:left) 显示不了数字啊该怎么解决-HTML教程-爱易网页

<OL>或ul里的<Li，是不是横着排(float:left) 显示不了数字啊该怎么解决

日期：2014-05-17　浏览次数：20843 次

<OL>或ul里的<Li，是不是横着排(float:left) 显示不了数字啊

HTML code


         <ol>
            <li style="float:left; width:143px;">aa</li>
            <li>bb</li>
        </ol>

如果把float:left左浮动去掉竖着排列就好了，如果统一设置li的左浮动，那一个都显示不出来··

那究竟该怎么才能让ol或li带数字的横着排显示出数字呢

------解决方案--------------------
就把第一个的float:left去掉就行了
ol li的样式里面不要有list-style:none或者list-style-type:none
或者加上list-style:decimal
理论上来说都是会出数字的
------解决方案--------------------
list-style 设置为inside decimal 。给li设置padding-left 10px左右，也可以设置padding 4面的值。试试看哈
------解决方案--------------------

探讨
那究竟该怎么才能让ol或li带数字的横着排显示出数字呢

------解决方案--------------------
ol,ul是列表元素~以下代码在IE6,ie7没有数字

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#conn{background-color:#c00;width:260px;font-size:18px;}
#conn ul{border:1px solid #ddd;background-color:red;float:left;width:260px;}
#conn ul li{float:left;border:1px solid #333;background-color:#fff;list-style-position:inside;} 

</style>
</head>

<body>
<div id="conn">
<ul>
          <li>a</li>
          <li>b</li>
          <li>c</li>
          <li>d</li>
          <li>e</li>
</ul>
</div>
</body>
</html>

------解决方案--------------------
建议你做一下偏移，把内容向右边做一下相对定位！

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

<OL>或ul里的<Li，是不是横着排(float:left) 显示不了数字啊该怎么解决

相关资料更多>

推荐阅读更多>