网页排版时会遇到"list-style"和“list-style-type”在IE中不显示,而在firfox中正常的问题。经过guagua513seo测试, 发现<ul>元素在IE和firfox中有“跟随且自动缩进”的特性:
当一个<ul>前面有<img>元素且设img的align="left"时,在IE和Firfox中"list-style"和“list-style-type”都显示不正常。
<img src="../My Documents/My Pictures/20060628195006684.jpg" align="left"/>
<ul class="tt" >
<li>sdfds </li>
<li>sdfsdsf</li>
<li>dsfds </li>
IE下面的解决办法是将设置好<ul>的“width”和“padding-left”。Padding-left的值应该>=15. 即:
<style type="text/css">
ul{ padding-left:15px; width:450px;} </style>
或者用<div>将<ul>包住,设置div 为float="left",padding-left=15.
上面第二种方法也适用于firfox.