CSS-ie8玩有趣的列表样式位置：内部

好,@H_502_2@

所以这里的问题…在IE8中使用list-style-position：inside时,第一个like缩进了,但是后面的每一行都没有缩进.因此,新行显示在项目符号下方.@H_502_2@

很好,但是当我使用带有在li内带有标签的css的列表时,文本将自动推送到第二行,第一行为空.@H_502_2@

ie8 bug http://www.rocketspark.co.nz/bug_images/ie8_list.png@H_502_2@

当我从li移除标签时,它会跳回去.@H_502_2@

关于这可能是原因的任何想法,或者这是否是ie8世界中的错误,还是我只需要仔细检查一下CSS？@H_502_2@

任何见解将不胜感激.@H_502_2@

如要求的是一些代码@H_502_2@

@H_502_2@

<div id="sub_nav">
<ul>
...    
<li><a class="active_page" href="#">Liposculpture</a>
<ul>
<li><a href="#">What is Liposculpture?</a></li>
<li><a href="#">About Liposculpture surgery</a></li>
<li><a href="#" class="active_sub">After Liposculpture surgery</a></li>
<li><a href="#">Post Op Instructions</a></li>
<li><a href="#">Liposculpture Side Effects</a></li>
<li><a href="#">Liposuction Introduction to</a></li>
<li><a href="#">Tumescent Liposculpture</a></li>
</ul>
</li>
...
</ul>
</div>

对于CSS,我会尽力显示出来@H_502_2@

@H_502_2@

#sub_nav li {
    width: 200px;
    padding:4px 0;
    border-bottom: 1px #CCC solid;
}

#sub_nav li a {
    text-decoration: none;
    color:#555;
    padding:7px 15px 7px 15px;
    display: block;
}

#sub_nav li ul li {
    list-style-position: inside;
    list-style-type: disc;
    font: 11px Arial;
    padding-left:15px;
    color:#FFF;
    border-bottom: none;
}

#sub_nav li ul li a {
    padding:0;
    margin:0;
    text-indent: 0;
}

希望这可以帮助

最佳答案

更改@H_502_2@

@H_502_2@

#sub_nav li a {
    text-decoration: none;
    color:#555;
    padding:7px 15px 7px 15px;
    display: block;
}

至@H_502_2@

@H_502_2@

#sub_nav li a {
    text-decoration: none;
    color:#555;
    padding:7px 15px 7px 15px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

CSS-ie8玩有趣的列表样式位置：内部

猜你在找的CSS相关文章