div border-collapse

使用div仿table，边框border合并，

参考：http://jsfiddle.net/R8eCr/5/

<!DOCTYPE html>
<html>
<head>
<style>
	.container {
		display: table;
		border-collapse: collapse;
	}
	.column {
		display: table-row;
	}
	.cell {
		display: table-cell;
		border: 1px solid red;
		width: 200px;
		height: 30px;
	}
</style>
</head>

<body>
<div class="container">
	<div class="column">
		<div class="cell">1</div>
		<div class="cell">1</div>
	</div>
	<div class="column">
		<div class="cell">2</div>
		<div class="cell">2</div>
	</div>
	<div class="column">
		<div class="cell">3</div>
		<div class="cell">4</div>
	</div>
</div>
</body>


</html>

　　

posted @ 2016-03-31 09:53  kkco  阅读(1205)  评论(0)  编辑  收藏  举报