順序なしリスト内のテキストとその中の div を IE8_html/css_WEB-ITnose で垂直方向の中央揃えにする方法-htmlチュートリアル-php.cn

順序なしリスト内のテキストとその中の div を IE8_html/css_WEB-ITnose で垂直方向の中央揃えにする方法

WBOY

リリース： 2016-06-24 12:06:11

オリジナル

2363 人が閲覧しました

华促日承认钓岛主权争议 182万

网传深圳公务员不雅照 140万

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

华促日承认钓岛主权争议
182万,/div>

网传深圳公务员不雅照
140万

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

回复讨论(解决方案)

设置 li的宽度

或者直接用table

设置 li的宽度

或者直接用table

设置宽度没作用和用table 结果ul的list-style又有全乱了

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

ログイン後にコピー

改个位置

或者添加xhtml申明，不过在ie7下还是会掉下来，换位置是最好的选择

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><ul>  <li>华促日承认钓岛主权争议 <div style="float:right;">182万</div></li>  <li>网传深圳公务员不雅照 <div style="float:right;">140万</div></li></ul>

ログイン後にコピー

我回答要给分的...不想白帮你...

知道用css hack 没....

#test
    {
        width:300px;
        height:300px;

        background-color:blue;      /*firefox*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/
    }

fire fox 和谷歌什么都不要加 ,
全部的 ie 后面加个\9
ie 6 和7 的区别   + 和-

懂了吧.....快给分