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设置内容的对齐方式)。参考如下:
如果我的回答帮助了你,欢迎采纳。祝学习愉快~
相似问题
回答 2