好,
所以这里的问题…在IE8中使用list-style-position:inside时,第一个like缩进了,但是后面的每一行都没有缩进.因此,新行显示在项目符号下方.
很好,但是当我使用带有在li内带有标签的css的列表时,文本将自动推送到第二行,第一行为空.
ie8 bug http://www.rocketspark.co.nz/bug_images/ie8_list.png
当我从li移除标签时,它会跳回去.
关于这可能是原因的任何想法,或者这是否是ie8世界中的错误,还是我只需要仔细检查一下CSS?
任何见解将不胜感激.
如要求的是一些代码
@H_403_20@<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_403_20@#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; }
希望这可以帮助
最佳答案