我们一般在制作网页的时候,会往表格的单元格中插入一些文字,如果插入的文字比较长,会促使整个表格变得很宽,极其不美观,甚至影响整个网页的布局。
即便是你设置了表格的宽度为某个像素,例如:100px,也不能阻止表格因其单元格文字的过长而变宽。
那么我们必须采取CSS样式的方式来控制。其实也很简单,只要在表格的属性中,加入以下代码:
style="table-layout:fixed;word-break: break-all; word-wrap: break-word;"
即可。
完整的写法例如:
<table width="100px" style="table-layout:fixed;word-break: break-all; word-wrap: break-word;" >
<tr><td>asdfghjkl;qwertyuiopzxcvbnm,</td></tr>
<table/>
注意:如果你是在Dreamweaver的“设计”视图中制作网页,是看不出表格固定宽度的效果,即文字自动换行。必须要保存页面之后,预览才能观察到。
即便是你设置了表格的宽度为某个像素,例如:100px,也不能阻止表格因其单元格文字的过长而变宽。
那么我们必须采取CSS样式的方式来控制。其实也很简单,只要在表格的属性中,加入以下代码:
style="table-layout:fixed;word-break: break-all; word-wrap: break-word;"
即可。
完整的写法例如:
<table width="100px" style="table-layout:fixed;word-break: break-all; word-wrap: break-word;" >
<tr><td>asdfghjkl;qwertyuiopzxcvbnm,</td></tr>
<table/>
注意:如果你是在Dreamweaver的“设计”视图中制作网页,是看不出表格固定宽度的效果,即文字自动换行。必须要保存页面之后,预览才能观察到。