글이 많이지면 tr 구역이 튀어나가는데 이거 어떻게 해결하죠?
본문
글이 많이지면 tr 구역이 튀어나가는데 이거 어떻게 해결하죠?
.... 같이 줄임말이 있었으면 좋겠는데 어떻게 만들까요
답변 3
width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
이런식으로 하시면 됩니다 ^^
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
table { border-collapse: collapse; border-spacing: 0; }
td { border: 1px solid #000; }
table.fixes { table-layout: fixed; }
table.fixes td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
</style>
</head>
<body>
<h1>default</h1>
<table width="30%">
<tr>
<td>1111111111111111111111111</td>
<td>aaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td>뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁</td>
</tr>
</table>
<h1>fix and ellipsis</h1>
<table width="30%" class="fixes">
<tr>
<td>1111111111111111111111111</td>
<td>aaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td>뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁</td>
</tr>
</table>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.