css + html5 고수님들 꼭 부탁드립니다.. 채택완료
</p>
<p><table cellpadding="0" cellspacing="1" width="100%" align="center" style="margin:0px auto" bgcolor="#e4eaec">
<tr bgcolor="#f6f9fb">
<td width="11%" rowspan="2" height="50" align="center">구분</td>
<td width="33%" colspan="3" height="25" align="center">대한민국</td>
<td width="33%" colspan="3" height="25" align="center">미국</td>
<td width="11%" rowspan="2" height="50" align="center">총계</td>
<td width="11%" rowspan="2" height="50" align="center">합계</td>
</tr>
<tr height="25" bgcolor="#ffffff">
<td width="11%" align="center">A</td>
<td width="11%" align="center">B</td>
<td width="11%" align="center">C</td>
<td width="11%" align="center">D</td>
<td width="11%" align="center">E</td>
<td width="11%" align="center">F</td>
</tr>
</table></p>
<p>
위 테이블을 div로 짜야하는데요...ㅠㅠㅠ
테이블이 편해서 출력할때 종종 테이블을 사용하는데요..
갑작이 div 코드로 테이블을 만들어야 할 일이 급하게 생겼습니다.
고수님들 도와주시기 바랍니다.
부탁드립니다..
답변 3개
댓글을 작성하려면 로그인이 필요합니다.
table을 div 코드로 바꿀려면
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;
}
Lorem
Ipsum
Dolor
Lorem
Ipsum
Dolor
출처 : https://www.codingfactory.net/10776">https://www.codingfactory.net/10776
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인