关于用display:table让元素居中的小结

来源:互联网 发布:淘宝免费引流1天100人 编辑:程序博客网 时间:2024/06/05 20:29

让元素垂直居中有一种简单的方法:给需要居中的元素用一个父级包起来,并给父元素添加样式’display:table’,同时给这个父级设置好高度,再给需要居中的元素一个display:table-cell,vertical-align:middle;这样被设置的元素就可以做到垂直居中

这里写图片描述

效果图如下

这里写图片描述

原创粉丝点击