使用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>

  div border-collapse

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-05
  • 2022-12-23
  • 2021-06-17
  • 2021-07-20
猜你喜欢
  • 2022-12-23
  • 2021-10-21
  • 2022-12-23
  • 2021-11-19
  • 2021-08-11
  • 2021-09-18
  • 2022-12-23
相关资源
相似解决方案