控制表格的长度

来源:百度知道 编辑:UC知道 时间:2024/09/24 06:59:33
<table border="1" width="200" id="table1">
<tr>
<td width=100>ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</td>
<td > </td>
</tr>
<tr >
<td width=99> </td>
<td > </td>
</tr>
</table>

我表格里的内容大于 表格设置的长度 怎么才能让内容不大于长度 直接换行

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>一个例子 </title>
<style>
.ff{word-break:break-all;
width:100px}
</style>
</head>

<body>
<table border="1" width="200" id="table1" >
<tr>
<td width=100><div class="ff">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div></td>
<td > </td>
</tr>
<tr >
<td width=99> </td>
<td > </td>
</tr>
</table>

</body>

</html>

<style type="text/css">
#table1 td{word-wrap :break-word;word-break :break-all;width:100px;overflow:hidden;};
</sty