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

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

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

   响应的css为

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

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

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

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！