Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • css技巧

    post by onelong / 2009-10-8 17:35 Thursday [html+css]

    1.vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。
    2.设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
    #float{
    float:left;
    margin:5px;/*IE下理解为10px*/
    display:inline;/*IE下再理解为5px*/
    }
    3.IE不认得min-这个定义
    4.float的div闭合;清除浮动;自适应高度。.clear{ clear:both;}
    5.a链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。
    6.如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略。div{margin:30px!important;margin:28px;}
    7.使用IE专用的条件注释
    <link rel=”stylesheet” type=”text/css” href=”css.css” />
    <!–[if IE 7]>
    <link rel=”stylesheet” type=”text/css” href=”ie7.css” />
    <![endif]–>

    <!–[if lte IE 6]>
    <link rel=”stylesheet” type=”text/css” href=”ie.css” />
    <![endif]–>
     

    标签: css html 兼容
    引用地址:
     

    我要评论