萬盛學電腦網 >> 網頁制作 >> Html5 >> html表格後換行的方法
html表格後換行的方法
大家知道html表格後換行嗎?如果不知道的趕緊看看我們給大家整理出來的教程
HTML裡面加了一個樣式屬性：word-break: break-all，可以實現表格的自動換行，具體參考代碼如下：
<html xmlns=>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table內的td內容不換行</title>
<style type="text/css">
<!--
body{ font-size:12px;}
.breakLine{word-break: break-all;}
-->
</style>
</head>
<body>
<table width="400">
<tr>
<td width="90" height="30">處理人工號：</td>
<td width="410" class="breakLine">001156,001157,001145,001149,001178,001123,001140,001167,001168,001134,001135</td>
</tr>
</table>
</body>
</html>
word-break屬性簡單介紹如下：
語法：word-break : normal | break-all | keep-all
取值：
normal : 默認值。允許在詞間換行
break-all : 該行為與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的 normal 相同。
html表格後換行精彩內容就到這裡了!希望大家可以好好利用!
相關推薦：
html表格固定大小的方法
- 上一頁:html表格居上的方法
- 下一頁:html表格固定大小的方法
