<div class="card-container">
  <div class="card-row">
    <div class="card-cell">
      
      <h3>雖然古老的 table 排版已經被唾棄,不過像是等高這種場景,如果不幸無法使用</h3>
      <p>雖然古老的 table 排版已經被唾棄,不過像是等高這種場景,如果不幸無法使用雖然古老的 table 排版已經被唾棄,不過像是等高這種場景,如果不幸無法使用雖然古老的 table 排版已經被唾棄,不過像是等高這種場景,如果不幸無法使用</p>
        
    </div>
    <div class="card-cell">等高</div>
    <div class="card-cell">等高</div>
    <div class="card-cell">等高</div>
  </div>
</div>
.card-container {
  display: table;
  width: 100%;
  table-layout: fixed;
}

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

.card-cell {
  display: table-cell;
  padding: 1em;
  background-color: #aaa;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.