整理常用CSS浏览器兼容CSS技巧

2024-01-18 10:54 小编
  1. 1.div的垂直居中题目 vertical-align:middle; 将行距添加到和整个DIV一样高 line-height:200px; 尔后插入翰墨,就垂直居中了。弊病是要牵制模式不要换行

    2. margin愈加的题目 设置为float的div在ie下设置装备摆设的margin会更为。这是一个ie6都具备的破绽。办理方案是在这个div内中加之display:inline; 例如:

    <#div id=”imfloat”>

    响应的css为

    #IamFloat{ float:left; margin:5px;/*IE下体味为10px*/ display:inline;/*IE下再熟谙为5px*/}

    3.浮动ie发生发火的双倍隔断


    这里细说一下block与inline两个元素:block元素的特点是,总是在新行上劈头劈脸,高度,宽度,行高,边距均也许牵制(块元素);Inline元素的本色是,与别的元素在抗衡行上,弗成牵制(内嵌元素); #box{ display:block; //梗概为内嵌元素模仿为块元素 display:inline; //实现对抗行排列的成绩 diplay:table;

  2. #box{ float:left; width:100px; margin:0 0 0 100px; //这类环境之下IE会发作200px的隔绝距离 display:inline; //使浮动忽略} 


Tag: 技巧
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码