本篇内容主要讲解“如何实现左右两列自适应中间列内容即随中间内容高度自适应的布局”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何实现左右两列自适应中间列内容即随中间内容高度自适应的布局”吧!
代码如下:
centetable+css的布局1.两边内容可能随中间内容高度自适应。2.中间内容也可以随两边内容高度的增加而自适应。3.两边内容固定宽度,中间没有设置宽,但整个table设置了100%的可变宽度,所以中间内容会自动适应变化的。4.另外有一点就是要对TD的设置vertical-align:top;这样看上去才感觉才是从上到下排列的5.这种用table布局的方法比纯div+css布局从原理上更容易让人接受,如果说用table布局的惟一不好之处的话是跟seo 相处得不怎么融洽,因为搜索引擎对div的抓取能力比table要好得多。6.经过测试在IE6.0,FF 3,Opera,Netscape Navigator,谷歌浏览器显示都是一致的。