日期:2014-05-17  浏览次数:20616 次

IE8 如何让无序列表中的文字与里面的div在垂直方向都居中
<ul>
  <li>华促日承认钓岛主权争议 182万</li>
  <li>网传深圳公务员不雅照 140万</li>
</ul>


为了让 182万、140万在最右边对齐 我加了个DIV 并设置 float:right;

<ul>
  <li>华促日承认钓岛主权争议 <div style="float:right;">182万,/div></li>
  <li>网传深圳公务员不雅照 <div style="float:right;">140万</div></li>
</ul>



结果firefox显示正常 但IE8中DIV总在文字的下一行,我把前面的文字也加上div并设置 float:left还是不行 ,晕很,被这个不知道是简单还是复杂的问题纠结了好久 请高手指点,一定要在IE8里面显示正确哈

------解决方案--------------------
设置 li的宽度

或者直接用table

------解决方案--------------------
HTML code
<ul>
  <li><div style="float:right;">182万</div>华促日承认钓岛主权争议 </li>
  <li><div style="float:right;">140万</div>网传深圳公务员不雅照 </li>
</ul>

------解决方案--------------------
你只要ie8的 


就这样

.text{
background-color:red\9; 

}