답변 3개
채택된 답변
+20 포인트
2017-10-10 (화) 13:20:33
width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
이런식으로 하시면 됩니다 ^^
2017-10-10 (화) 13:22:23
Copy
<!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>지옥의광대
2017-10-10 (화) 13:20:03
css로 해결 가능합니다.
답변을 작성하려면 로그인이 필요합니다.