首页 > 开发 > CSS > 正文

CSS中垂直居中的简单实现方法

2024-07-11 09:06:30
字体:
来源:转载
供稿:网友
这篇文章主要介绍了CSS中垂直居中的简单实现方法,包括用CSS3中用transform来实现的例子,需要的朋友可以参考下
 
 

大家都知道css里面用text-align:center加上margin:0 auto就可以实现水平居中了,但是垂直居中却没有相应的css属性来设置,而如果要设置元素能够垂直居中必须得将容器设置为display:table,然后将子元素也就是要垂直居中显示的元素设置为display:table-cell,然后加上vertical-align:middle来实现。
通过CSS3的transform来实现

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表