居中方法
2016-01-14 18:15
302 查看
<div class="pls"></div>
1:position:absolute;left:50%;top:50%;z-index:3;background:#f60;transform:translate(-50% -50%);(适合手机页面,IE9(-ms-), IE10+)
2:position:absolute;left:50%;top:50%;width:300px;height:300px;margin-left:-150px;margin-top:-150px;(必须有宽高的元素)
3:margin:auto; width: 600px; height: 400px;position: absolute; left: 0; top: 0; right: 0; bottom: 0;(上下左右均0位置定位;margin: auto;不设置宽高也无所谓,支持IE8+)
相关文章推荐
- css下margin、padding、border、background和font缩写示例
- Div CSS absolute与relative的区别小结
- relative absolute无法冲破的等级问题解决第1/3页
- CSS定位中Positoin、absolute、Relative的一些研究
- 通过设置CSS中的position属性来固定层的位置
- jQuery position() 函数详解以及jQuery中position函数的应用
- Jquery中offset()和position()的区别分析
- MySQL中的LOCATE和POSITION函数使用方法
- css position: absolute、relative详解
- CSS中position属性之fixed实现div居中
- Android加载View中Background详解
- Position属性之relative用法
- Android 自定义View实现画背景和前景(ViewGroup篇)
- css定位——position和float的用法详解
- CSS IE6、7下关于Position的一个bug问题分享
- IE6 下关于Position:absolute;属性对同级元素的影响问题
- Google Chrome(谷歌浏览器)修改网页背景颜色的办法
- Google Chrome(谷歌浏览器)修改网页背景颜色的办法(比如修改为护眼的豆沙绿)
- position属性的注意事项
- css中absolute定位原理