display: table-cell 这里用到单元格元素,要怎么理解呢?

来源:3-10 vertical-align

unbreakable_全栈

2020-05-31 15:01:41

display: table-cell   这里用到单元格元素,要怎么理解呢?

写回答

1回答

好帮手慕小鱼

2020-05-31

同学你好,对于你的问题解答如下:

当设置多行元素垂直居中时,需要为子元素设置display:table-cell,把元素转换为单元格元素,布局类似于th和td,单元格需要在table中,所以父元素需要设置display:table,转换为表格元素。 然后给子元素添加vertical-align:middle;属性,就可以让内容在单元格中垂直居中显示(表格中使用vertical-align设置内容的对齐方式)。参考如下:

http://img.mukewang.com/climg/5ed3785709634e5005570596.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~



1

0 学习 · 40143 问题

查看课程