页面布局分成9块（九宫格）

最新推荐文章于 2023-08-17 06:51:39 发布

长弓文武

最新推荐文章于 2023-08-17 06:51:39 发布

阅读量2k

点赞数

文章标签：布局

本文链接：https://blog.csdn.net/zhangyongbink/article/details/70310296

版权

样式：

<style type="text/css">
.table-column{float:left;width:33%;border:0;height:100%;}
.table-row{float:left;width:100%;border:0;height:33%;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
</style>

页面布局：

<div id="id_mixGrid" style="height:100%;">
	<div class="table-column">
		<div class="table-row">1</div>
		<div class="table-row">2</div>
		<div class="table-row">3</div>
	</div>
	<div class="table-column">
		<div class="table-row">4</div>
		<div class="table-row">5</div>
		<div class="table-row">6</div>
	</div>
	<div class="table-column">
		<div class="table-row">7</div>
		<div class="table-row">8</div>
		<div class="table-row">9</div>
	</div>
</div>