萬盛學電腦網 >> 網頁制作 >> Html5 >> html表格中換行的方法是什麼呢
html表格中換行的方法是什麼呢
歡迎大家在這裡學習html表格中換行!這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!可以通過css控制表格或者單元格實現：如果是對這個表格的控制可以將css加在表格上，如果是對某個單元格的控制，將對應css加在單元格上即可。
1.強制換行css：
<style type="text/css">
.breakLine
{
word-break: break-all;
}
</style>
使用示例：
<table width="80">
<tr>
<td width="30%" class="breakLine">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
2.強制不換行CSS：
<style type="text/css">
.keepLine
{
word-break: keep-all;
}
</style>
</head>
使用示例：
<body>
<table width="80">
<tr>
<td width="30%" class="keepLine">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
該處也可以使用單元格的nowrap屬性。
上述兩個css，經測試，只在ie下有效，firefox下不行。
好了，html表格中換行內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!
相關推薦：
html表格斜線介紹
- 上一頁:html表格中加圖片的方法是什麼呢
- 下一頁:html表格斜線介紹
Html5排行
相關文章
copyright © 萬盛學電腦網 all rights reserved