布局 - display:table

display:table

布局 - display:table_第1张图片




    
    display:table



    

--当有table-cell不设置宽高的时候会自动填充剩余空间--

--高度设置在table-cell中是没有作用的,会填充满整个cell--

--table-row,注意,多个row会与最宽的一个table-cell一致--

--vertical-align、text-align结合display:table--

vertical结合行内元素的时候是将连续的行内元素对齐,当结合table-cell的时候则是table-cell的之中的内容位置

Content1

Content2

Content


你可能感兴趣的:(布局 - display:table)