表格中的单元格中的内容自动换行

方式1:使用table-layout和word-wrap两个CSS属性。

<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	<body>
		
		<table width="1000" border="0" cellspacing="1" cellpadding="0" style='table-layout:fixed'>       
			<tr>
			 <td width="250" >
				aaaaaaaaaaaaaa
			 </td>
			 <td width="250" >
				aaaaaaaaaaaaaa
			 </td>
			<td width="250" >
				aaaaaaaaaaaaaa
			 </td>
			 <td width="250" style="word-wrap:break-word;" >
				111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
			 </td>
			</tr>
		</table>
	</body>
</html>



方式2:
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	<body>
		
		<table width="1000" border="0" cellspacing="1" cellpadding="0">       
			<tr>
			 <td width="250" >
				aaaaaaaaaaaaaa
			 </td>
			 <td width="250" >
				aaaaaaaaaaaaaa
			 </td>
			<td width="250" >
				aaaaaaaaaaaaaa
			 </td>
			 <td width="250">
			    <div style='word-wrap:break-word; width:250px;'>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
				</div>
			 </td>
			</tr>
		</table>
	</body>
</html>

你可能感兴趣的:(css)