w3.css

나란히 놓인 테이블

CSS를 사용하여 나란히 놓인 표를 만드는 방법을 알아보자.

테이블을 나란히 배치하는 방법

CSS float 속성을 사용하여 나란히 놓인 표를 만드는 방법

* {
  box-sizing: border-box;
}

/* Create a two-column layout */
.column {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

CSS flex 속성을 사용하여 나란히 놓인 표를 만드는 방법

* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

.column {
  flex: 50%;
  padding: 5px;
}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기