div+css如何像table一样布局
答案:4 悬赏:60 手机版
解决时间 2021-04-04 21:06
- 提问者网友:相思似海深
- 2021-04-04 07:18
div+css如何像table一样布局
最佳答案
- 五星知识达人网友:十年萤火照君眠
- 2021-04-04 07:54
这个很简单嘛
table布局 就是
<table>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
给div写样式 用浮动也好 绝对定位也好 都很好用的
你只需要把标签全部换成<div></div> 然后给每个 或者是同行的 再或者是需要特殊样式的 div标签 加个 id 或是 class <div id="XX"></div> <div class="GG"></div>
然后在css控制样式 大小 边框样式颜色 等等
<div id="XX">
<div class="GG"><div class="aa"></div><div class="aa"></div></div>
<div class="GG"><div class="aa"></div><div class="aa"></div></div>
</div>
table布局 就是
<table>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
给div写样式 用浮动也好 绝对定位也好 都很好用的
你只需要把标签全部换成<div></div> 然后给每个 或者是同行的 再或者是需要特殊样式的 div标签 加个 id 或是 class <div id="XX"></div> <div class="GG"></div>
然后在css控制样式 大小 边框样式颜色 等等
<div id="XX">
<div class="GG"><div class="aa"></div><div class="aa"></div></div>
<div class="GG"><div class="aa"></div><div class="aa"></div></div>
</div>
全部回答
- 1楼网友:动情书生
- 2021-04-04 10:49
用lu和li啊
- 2楼网友:有你哪都是故乡
- 2021-04-04 09:16
如何像table一样布局!!!问题很抽象!!!可否通俗点!!!
- 3楼网友:三千妖杀
- 2021-04-04 08:58
这个有点复杂点。
首先你要确定做一个几行几列的表,比如5行4列,那么就要建立5×4个div,然后给div一float样式。
如果表格每个格子都一样就按上边方法就行了。
如果要添加表头什么的,每行都不一样,那每行就要在外边再添加个div
例如:
<div>
<div>浏览次数</div>
<div>文章</div>
<div>作者</div>
<div>时间</div>
</div>
<div>
<div>100次</div>
<div>网页制作其实很简单。</div>
<div>快乐的战斧</div>
<div>2012年12月31日</div>
</div>
……
这样每行里边的子div给float;外边的父div不给float;
子div宽度什么的,令给属性调整就行了。
不明在就追问吧。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯