"CSS display table, table-cell"의 두 판 사이의 차이

2017년 1월 2일 (월) 00:36 기준 최신판

CSS display table, table-cell

1 예시[ | ]

<style>
.row {
  width: 100%;
  display: table;
}
.box { display: table-cell; }
.box-a { background: red; }
.box-b { background: orange; }
</style>

<div class="row">
  <div class="box box-a">A</div>
  <div class="box box-b">B</div>
</div>

2 예시 2[ | ]

<style>
.row {
  width: 100%;
  display: table;
}
.box { display: table-cell; }
.box-a { background: red; width: 50px; }
.box-b { background: orange; }
.box-c { background: yellow; width: 50px; }
</style>

<div class="row">
  <div class="box box-a">A</div>
  <div class="box box-b">B</div>
  <div class="box box-c">C</div>
</div>

3 같이 보기[ | ]

2017년 1월 2일 (월) 00:36 판 (편집) Jmnote (토론 \| 기여) (→‎같이 보기) ← 이전 편집	2017년 1월 2일 (월) 00:36 기준 최신판 (편집) (편집 취소) Jmnote (토론 \| 기여) 잔글 (Jmnote님이 CSS display table 문서를 CSS display table, table-cell 문서로 이동했습니다)
(차이 없음)