td row마다 width 다르게 하기 채택완료
선구자
8년 전
조회 8,078
안녕하세요
row마다 넓이를<td>넓이를 다르게 하고 싶습니다.
colspan 으로 억지로 할수는 있는데
너무 번거로워서
td width를 다르게 하려고 하는데 잘 되지 않습니다.
<table>
<tr>
<td style="width : 20px;"></td>
<td style="width : 80px;"></td>
</tr>
<tr>
<td style="width : 30px;"></td>
<td style="width : 70px;"></td>
</tr>
</table>
이런식으로요
혹시 방법이 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
8년 전
table, tr, td 태그기반 자체로는 힘든것 같고
아래처럼 ul, li 태그기반으로 하는 방법도 있습니다.
</p><p><!DOCTYPE html></p><p><html></p><p> <head></p><p> <meta charset="UTF-8" /></p><p> <title>title</title></p><p> <style type="text/css"></p><p> .tbl { background-color: #eee; }</p><p> .tbl, .tbl ul { display: table; margin: 0; padding: 0; list-style-type: none; border-collapse: collapse; }</p><p> .tbl > li { display: table-row; }</p><p> .tbl > li > ul { margin-top: -1px; }</p><p> .tbl > li > ul > li { display: table-cell; border: 1px solid #000; }</p><p> </style></p><p> </head></p><p> <body></p><p>
</p><p> <ul class="tbl"></p><p> <li></p><p> <ul></p><p> <li style="width: 110px;">1</li></p><p> <li style="width: 110px;">2</li></p><p> <li style="width: 200px;">3</li></p><p> </ul></p><p> </li></p><p> <li></p><p> <ul></p><p> <li style="width: 120px;">1</li></p><p> <li style="width: 140px;">2</li></p><p> <li style="width: 160px;">3</li></p><p> <li style="width: 200px;">exceptional column</li></p><p> </ul></p><p> </li></p><p> <li></p><p> <ul></p><p> <li style="width: 130px;">1</li></p><p> <li style="width: 160px;">2</li></p><p> <li style="width: 130px;">3</li></p><p> </ul></p><p> </li></p><p> </ul></p><p>
</p><p> </body></p><p></html></p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
선구자
8년 전
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인