ホームページ > ウェブフロントエンド > htmlチュートリアル > 順序なしリスト内のテキストとその中の div を IE8_html/css_WEB-ITnose で垂直方向の中央揃えにする方法

順序なしリスト内のテキストとその中の 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 的区别   + 和- 


懂了吧.....快给分

你只要ie8的 


就这样

.text{
  background-color:red\9; 

}


HTML code


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

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



改个位置

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

把DIV写在右边果然有效果  太神奇了  请问这是什么原理啊 ? 

[Quote=引用 3 楼  的回复:]

HTML code


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

  •   
  • 140万
    深センの公務員のわいせつな写真がオンラインで出回ります


位置を変更してください

または xhtml 宣言を追加してください。ただし、IE7 では引き続き問題が発生します。位置を変更するのが最善の選択です
HTML コード


右側に DIV を書くと本当に動作します。これはどういう原理ですか。
また少し進化した感じになるでしょうか

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート