답변 3개
흠 조금 어렵네요
근데 왜 이걸 div로 코딩하려고 하시는거죠?
해당부분은 그냥 테이블로 사용하셔도 될 것 같은데요??
댓글을 작성하려면 로그인이 필요합니다.
table을 div 코드로 바꿀려면
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>CSS Reference | display: table</title>
<style>
div {
border: 1px solid #bcbcbc;
}
.jb-table {
display: table;
width: 100%;
}
.jb-table-row {
display: table-row;
}
.jb-table-cell {
display: table-cell;
padding: 0px 20px;
height: 150px;
}
.jb-top {
vertical-align: top;
}
.jb-middle {
vertical-align: middle;
}
.jb-bottom {
vertical-align: bottom;
}
</style>
</head>
<body>
<div class="jb-table">
<div class="jb-table-row">
<div class="jb-table-cell">
<p>Lorem</p>
</div>
<div class="jb-table-cell">
<p>Ipsum</p>
</div>
<div class="jb-table-cell">
<p>Dolor</p>
</div>
</div>
<div class="jb-table-row">
<div class="jb-table-cell jb-top">
<p>Lorem</p>
</div>
<div class="jb-table-cell jb-middle">
<p>Ipsum</p>
</div>
<div class="jb-table-cell jb-bottom">
<p>Dolor</p>
</div>
</div>
</div>
</body>
</html>
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인