<div class="table">
<div class="table_tr">
<div class="table_td title">내용1</div>
<div class="table_td">내용2</div>
<div class="table_td">내용3</div>
<div class="table_td">내용4</div>
</div>
</div>
.table{width: 100%; height: 100px; border: 2px solid #808080; display: table;}
.table .table_tr {display: table-row; }
.table .table_tr .table_td{display: table-cell; outline: solid blue; text-align: center; vertical-align: middle;}
요새는 테이블 잘 안쓴다고 함.
div로 display table 하는게 반응형 하기 쉽기 때문이라고 함.
'프론트엔드-코드 > CSS' 카테고리의 다른 글
원근법, 겹친 다음 뒤에 있는 요소 가리기 (0) | 2023.08.21 |
---|---|
IMG vs background-image (0) | 2023.08.21 |
가상요소 글쓰기 줄바꿈 (0) | 2023.08.17 |
@media screen and () 예시 (0) | 2023.08.17 |
@media screen and (min-width:768px), @media screen and (max-width:767px) (0) | 2023.08.17 |