HTML td nobr
-
HTML td nobr
table td 안에 nobr tag를 주어서 td 크기가 내용보다 작아지면 IE,Safari 에서는 "..." 으로 나옴 FF,Opera 에서는 "... " 으로 나오지 않고 그냥 잘려서 나옴
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title> td nobr </title>
<style type="text/css">
td {
text-overflow: ellipsis;
overflow: hidden;
}
table {
table-layout:fixed;
width: 100%;
}
</style>
</head>
<body>
<table border="1">
<tbody>
<tr>
<td><nobr><span>테스트---------------------------------------1-1</nobr></span></td>
<td><nobr>테스트1-2</nobr></td>
<td><nobr>테스트1-3</nobr></td>
</tr>
<tr>
<td><nobr>테스트2-1<nobr></td>
<td><nobr>테스트2-2<nobr></td>
<td><nobr>테스트2-3<nobr></td>
</tr>
</tbody>
</table>
</body>
</html>
td_nobr.html 예제파일
Comments (0)