tabl-cell

Posted HelloHello233

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了tabl-cell相关的知识,希望对你有一定的参考价值。

参考:http://www.cnblogs.com/StormSpirit/archive/2012/10/24/2736453.html

总结特点

  多个并排的table-cell始终等高。

  宽度可以根据内容而自动扩展,这和inlineBlock是一样的

  最大的宽度就是当前行剩下的宽度,对于这点配合BFC可以做左右自动适应的布局

补充

  可以使元素表现得像一个表格单元一样,类似于table->tr->td。自动为元素创建出匿名的父元素tr以及祖先元素tabel

回顾左右并列布局的四种方法

1.参考链接中的tabel-cell方法

2.flex布局

3.float:left + margin-left

4.BFC:float left + BFC

以上是关于tabl-cell的主要内容,如果未能解决你的问题,请参考以下文章