Board logo

标题: 浏览器中的兼容问题(13) [打印本页]

作者: look_w    时间: 2019-3-7 19:06     标题: 浏览器中的兼容问题(13)

6. 设置td

padding的说明

说明:

设置td的padding以后高度和宽带都会增加,padding-left和padding-right的效果都一样增加了td的宽带,但是padding-top和padding-bottom的效果不一样。最好不要使用td的padding-top和padding-bottom

7. ul设置的说明

说明:

ul一般设置:list-style-type:none;margin:0px;padding:0px;li一般设置:list-style-type:none;list-style-positionutside

8. 使一个层垂直居中于浏览器中

说明:

使用百分比绝对定位,与外补丁负值的技巧,负值的大小为其自身宽度高度除以二

div {

position:absolute; top:50%; lef:50%; margin:-100px 0 0 -100px;

width:200px; height:200px; border:1px solidred;

}



9. 万能float 闭合

说明:

可以用这个解决多个div对齐时的间距不对,将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可

.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden;

}

.clearfix {

    display:inline-block;

}

.clearfix {display:block;}




欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) Powered by Discuz! 7.0.0