Question

我遇到IE的错位问题。以下是示例输出。当IE由于长文本而创建第二行时，整个段落会错误对齐。使第二条线向左拉。我希望第一行和第二行与左边对齐。就像普通的text-align：left一样。

http://img.photobucket.com/albums/v682/markeeh/alignment_tissue.jpg

以下是代码：

＆LT;风格＆GT;
      .ul_content -l {width：330px; list-style：square inside; margin-left：295px;填充左：1em的; TEXT-INDENT：-1em;行高：16px的; }
  ＆LT; /风格＆GT;

＆lt; ul class =“ul_content-l”＆gt;
  ＆lt; li style =“border：1px solid black;”＆gt;模块化地毯为医院和护理院提供了一个平静的环境来加速患者康复＆lt; / li＆gt;
  ＆lt; li＆gt;通过Intersept＆amp; reg;防治细菌的卫生;抗微生物保护＆lt; / li＆gt;＆lt; li＆gt;改善患者舒适度和健康＆lt; / li＆gt;   ＆lt; li＆gt;具有较少噪音和较小压力的治疗环境＆lt; / li＆lt; li＆gt;使用颜色和设计以获得更加愉快的设施＆lt; / li＆gt;
＆LT; / UL＆GT;

希望有其他人愿意提供帮助。谢谢。：）

Answer 1

尝试重置li和ul的边距。

像：

ul, li {margin:0;padding:0;}

而不仅仅是按照你想要的方式再次设置

ul.ul_content-l { code here }
ul.ul_content-l li { code here }

同时尝试保持一致，仅使用px或仅使用ems。

Answer 2

使用此

.ul_content-l { 
    width:330px;
    list-style:square;  
    margin-left: 295px;
    padding-left:10px;
    line-height:16px; 
    }

IE：UL / LI中的CSS错位问题

2 个答案: