[HTML]不让TD中的文本撑开表格(转)
2013-08-12 17:48
260 查看
我经常会遇到这样的问题:在设计好宽度的表格中,因为有些文本信息过长,而把表格撑开(弄的面目全非)!很让人头疼。其实解决这个问题很简单,只要在<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某些列宽度固定某些列自适应
- CSS如何设置html table表格边框样式 CSS如何设置table表格边框样式 对table设置css样式边框,分为几种情况: 1、只对table设置边框 2、对td设置边框 3、对table和
- HTML 表格td中无内容时不显示边框的解决办法
- HTML——表格table标签,tr或者td
- html表格中的tr td th用法
- html标签的表格的tbody、tfoot、thead、colgroup、th、tr、td、table
- #table表格宽度固定,同事td内容过长也不会被撑开#
- 去掉表格HTML标记后的文本
- html表格中的tr td th用法
- Unit01: Web概述 、 HTML概述 、 文本处理 、 图像和超链接 、 表格 、 表单
- 关于表格中td文本溢出的解决办法......
- DOM操作HTML文档;js创建表格;清除空文本节点
- HTML--文本标签/marquee/bgsound/列表标签/超链接标签/img 图像标签/转义字符/表格标签/表单提交/框架标签
- WEB_BASIC---01 Web概述、HTML概述、文本处理、图像和超链接、表格、菜单
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- QT Qwebview显示html 的table表格时,如果有td跨行td边框显示不出来的bug
- 关于html中table表格tr,td的高度和宽度
- html常用标签及属性(表格/table,td)