border-collapseをDIVでやる

border-collapse collapse にしてもボーダーが重ならない
http://blog.higty.xyz/archives/501/

html

<div class="panel">
  <div class="row">
    <div class="data">data1</div>
    <div class="data">data2</div>
    <div class="data">data3</div>
  </div>
  <div class="row">
    <div class="data">data4</div>
    <div class="data">data5</div>
    <div class="data">data6</div>
  </div>
</div>

css

.panel {
  display: table; /* or inline-table */
  border-collapse: collapse;
}

.panel .row {
  display: table-row;
}

.panel .row .data {
  display: table-cell; /* inline-block から変更 */
  border: 1px solid;
  width: 5rem;
  border: 1px solid;
}

tr代わりのdivも必須でした。



コメントは受け付けていません。