萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 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表格固定大小呢

copyright © 萬盛學電腦網 all rights reserved