[HTML]不让TD中的文本撑开表格
2007-03-23 11:21
323 查看
我经常会遇到这样的问题:在设计好宽度的表格中,因为有些文本信息过长,而把表格撑开(弄的面目全非)!很让人头疼。其实解决这个问题很简单,只要在<td>的样式中加入word-break: break-all(强制换行),就会使那些不听话的文本自动回行。是我刚刚学到的,一起分享~~~
一起看看吧:
没有使用word-break之前:
<table width="300" border="1">
<tr>
<td width="100px">测试内容:</td>
<td width="200px">asjdhfajshdflkasdhfajslhdfalsjdhfajklhjfdaljfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmc,vxzmvb</td>
</tr>
</table>
使用word-break之后:
<table width="300" border="1">
<tr>
<td width="100px">测试内容:</td>
<td width="200px" style="word-break:break-all">asjdhfajshdflkasdhfajslhdfalsjdhfajklhjfdaljfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmc,vxzmvb</td>
</tr>
</table>
试试看吧,结果孑然不同:)
一起看看吧:
没有使用word-break之前:
<table width="300" border="1">
<tr>
<td width="100px">测试内容:</td>
<td width="200px">asjdhfajshdflkasdhfajslhdfalsjdhfajklhjfdaljfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmc,vxzmvb</td>
</tr>
</table>
使用word-break之后:
<table width="300" border="1">
<tr>
<td width="100px">测试内容:</td>
<td width="200px" style="word-break:break-all">asjdhfajshdflkasdhfajslhdfalsjdhfajklhjfdaljfdhajsdhfjashfieyruqeqyuiroqwytxcbvmbzxmc,vxzmvb</td>
</tr>
</table>
试试看吧,结果孑然不同:)
相关文章推荐
- [HTML]不让TD中的文本撑开表格(转)
- 不让TD中的文本撑开表格
- html - table 表格不被撑开,td某些列宽度固定某些列自适应
- HTML中表格元素TABLE,TR,TD及属性的语法
- 【HTML】图像标签、文本、表格的颜色及其背景色
- html表格 <td> 文字过多需要隐藏的正确方法
- css应用表格排版td中的文本过长,设置不换行,随内容同行显示样式
- web概述、HTML概述、文本处理、图像、超链接、表格、表单
- html标签的表格的tbody、tfoot、thead、colgroup、th、tr、td、table
- Web概述、HTML概述 、文本处理 、图像和超链接 、表格 、 表单
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- HTML--文本标签/marquee/bgsound/列表标签/超链接标签/img 图像标签/转义字符/表格标签/表单提交/框架标签
- HTML的文本及表格标签示例
- html表格中的tr td th用法
- 夜灵的Html笔记Day02——文本、分区元素、图像、链接、表格
- [HTML]TD中的文本自动换行
- 为html表格添加双击事件,并获取<td>节点的值
- table表格td撑开
- html页面中关于一个table表格中设置上下2个td宽度一致的问题
- 关于表格中td文本溢出的解决办法......