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如何设置图片不平铺

css怎么给按钮加图标

样式表css有哪几种类型

css怎么使字体更加紧凑

css如何设置行间距和字间距

css如何使页面整体居中

css >什么选择器

css box-lines属性怎么用

请问css的作用是什么

css描边属性是什么

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




打赏

取消

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

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

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

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

评论

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