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

posted @ 2017-12-02 13:46  HelloHello233  阅读(182)  评论(0编辑  收藏  举报