css代码如何居中


当前第2页 返回上一页

5ee4b85f71a169555615ed69f39939b.png

4、transform:translate(x,y)法

这个是css3中的新属性,如果子级元素没有设置宽和高值的话可以用这个方法来实现。这在我们做自适应页面的时候可以用到。

d0142527e9932d280a55fd6c50d11d0.png

5、before,after伪元素法

这个也是让子级元素垂直居中了。如果还想要水平居中的话可以配合其他几种方法配合使用来实现,比如给子级元素设置:margin:0 auto;这样就水平和垂直都居中了。

75bbdc300bffff766c22e8f4af70faa.png

6、Flex布局法

这个方法要充分考虑浏览器的兼容性。要垂直居中的元素也是无需设置宽和高的值,可以用在自适应页面中来实现水平垂直居中。

815172f905057d010c8522fa26471e9.png

相关教程推荐:CSS视频教程

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

返回前面的内容

相关阅读 >>

css径向渐变怎么用

jquery如何动态添加删除css样式?(代码示例)

css float属性怎么用

css如何关闭浮动

css中什么是内联元素

html中如何设置不可点击

bootstrap和css区别

css如何使用伪元素

css如何实现滑动门效果

html中文本标签,超链接标签以及图像标签的简单介绍

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




打赏

取消

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

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

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

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

评论

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