萬盛學電腦網 >> 網頁制作 >> Html5 >> html表格後換行的技巧
html表格後換行的技巧
大家知道html表格後換行嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。
<html xmlns="http://cms2.51edu.com/admin.php?mod=phpcms&file=content&action=add&catid=57&old=1>
<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表格邊框樣式
