使用 CSS+DIV 設計網頁版面

Referencing http://sofree.cc/css-table/
主要的重點就是管理方便，不會這裡加一點 style 那裡也改一點的雜亂問題
還有改版容易，只要換個 style.css 即可
具體作法如下變動，用 div class 取代 html tag



from

<table>
    <tr>
        <td>標題</td>
        <td>回應</td>
        <td>日期</td>
    <tr>
    <tr>
        <td>如何停用WordPress內建搜尋功能？</td>
        <td>5</td>
        <td>2011-10-30</td>
    <tr>
</table>

to

<div id="css_table">
      <div class="css_tr">
          <div class="css_td">標題</div>
          <div class="css_td">回應</div>
          <div class="css_td">日期</div>
      </div>
      <div class="css_tr">
          <div class="css_td">如何停用WordPress內建搜尋功能？</div>
          <div class="css_td">5</div>
          <div class="css_td">2011-10-30</div>
      </div>
</div>

where

#css_table {
      display:table;
  }
.css_tr {
      display: table-row;
  }
.css_td {
      display: table-cell;
  }