[CSS]使用div模擬表格與合併框線－程式設計@筆記

公告版位

礁溪溫泉套房,位於宜蘭縣礁溪國小旁,近麥當勞,離礁溪火車站、首都客運、葛瑪蘭汽車客運約5分鍾車程,礁溪溫泉套房出租,您不需要再行添購傢俱，只需要帶幾件衣服，就能輕輕鬆鬆住進礁溪溫泉套房,天天在礁溪溫泉套房洗溫泉唷！意洽:游媽媽,電話0939711360，4500~4900元/月

Dec 21 Wed 2016 10:34
[CSS]使用div模擬表格與合併框線

<html>
<style type="text/css">
.table { display: table; border-collapse: collapse;}
.tablerow { display: table-row; border: 1px solid #ff0000;}
.tablecell { display: table-cell;border: 1px solid #ff0000; }
</style>
<div class="table">
<div class="tablerow">
<div class="tablecell">測試1</div>
<div class="tablecell">測試2</div>
</div>
<div class="tablerow">
<div class="tablecell">測試3</div>
<div class="tablecell">測試4</div>
</div>
<div class="tablerow">
<div class="tablecell">測試5</div>
<div class="tablecell">測試6</div>
</div>
</div>
</html>