css如何实现水平居中


当前第2页 返回上一页

3、通过display:table-cell和margin-left实现CSS水平居中。

对于父元素和子元素的宽度都确定的情况,适合通过display:table-cell和margin-left实现CSS水平居中。

使用时,父元素display:table-cell,子元素给剩余宽度一半的margin-left。

3.png

4、通过绝对定位实现CSS水平居中。

这种方法跟上一个方法适用场景一样,也是适用于父元素和子元素的宽度都确定的情况。

使用时,父元素position:absolute,子元素给剩余宽度一半的margin-left。

4.png

5、通过transform实现CSS水平居中。

这种方法是最不推荐的方法,因为transform属性在各个浏览器中的表现行为不一致,所以会出现一些兼容性的问题,只有当已知用户浏览器时才推荐使用。

9.png

(学习视频分享:css视频教程)

以上就是css如何实现水平居中的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css ul怎么去掉点

16 个css开发中需要了解的devtools技巧

什么是css,其主要作用是什么

html5 border属性怎么设置?html5 table中的border属性介绍

html css是什么

html中如何引入css

css边框线怎么清除

css box-sizing属性怎么用

css如何设置文字超出省略号

网站对联广告js代码分享

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...