IE8 如何让无序列表中的文字与里面的div在垂直方向都居中_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:06:11
원래의
2318명이 탐색했습니다.


        
  • 华促日承认钓岛主权争议  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 code
    ……

    把DIV写在右边果然有效果  太神奇了  请问这是什么原理啊 ? 
    会不会又显得靠上了点
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!