隐藏不换行的布局

有时候,我们需要做一个类似表格的布局,外边有框,每个元素右边和下边也有边框,一个200px的分成2个元素一行

如果纯静态可以设个样式,让右边的元素无右边框,但是这样不够灵活,

一般采取以下方式。

一种布局方式:大层左边和上边加边框,内层元素为下边和右边加边框

如:

另一种布局方式:让内层有足够的空间,外层加隐藏overflow:hidden

 

posted @ 2013-06-05 16:06  tinyphp  Views(285)  Comments(0Edit  收藏  举报