css 中display:table 是否可以用来做页面的整体布局?

想用 display:table做页面布局是否可行啊? 老是出问题。

 <body>
 <div style="display:table">
 <div style="display:table-row">
 <div style="display:table-cell">
 </div>
 <div style="display:table-cell">
 </div>
 <div style="display:table-cell">
 </div>
 </div>
 
 
 <div style="display:table-row">
 <div style="display:table-cell">
 </div>
 <div style="display:table-cell">
 </div>
 <div style="display:table-cell">
 </div>
 </div>

 <div>
 <body>

写这么多div和 style 代码比table/tr/td还要多

楼上正解

为什么不直接使用table?

可以的。。只是用这种方式的不多,大多还是div布局

  • 要如何检测css文件中的引用的图片已下载完成?
  • 网页向下滑动时导航栏消失,向上滑动时出现,在ie下表现不尽人意。
  • 怎么控制圆形自适应,有两行文字。高宽不能写死…
  • 关于li 和a 的问题
  • 固定尺寸父元素(overflow:auto/scroll;)中下拉菜单组件如何全部显示而不会把父元素撑高
  • div宽度怎么自适应
  • 请教,仿写的静态页面图片凹陷问题?
  • 关于fixed 抖动问题
  • 关于html的行高设置的问题
  • 关于字体图标问题
  • bootstarp 设置td 的max-width属性失效的问题