javascript 使td内容不换行不撑开

CCCSSSDNNN 2012-11-29

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<body> 
<style type="text/css"> 
table {width:200px;table-layout:fixed;} 
td {white-space:nowrap;overflow:hidden;word-break:keep-all;} 
</style> 
<table border="1"> 
<tr> 
<td style="width:50px;">测试测试测试测试测试测试测试测试测试测试</td> 
<td>测试测试测试测试测试测试测试测试测试测试测试测试</td> 
</tr> 
<tr> 
<td>测试测试测试测试测试测试测试测试测试测试测试</td> 
<td>测试测试测试测试测试测试测试测试测试测试测试</td> 
</tr> 
</table> 
</body> 
</html>
CCCSSSDNNN

CCCSSSDNNN

相关推荐

英文字符和汉字自动换行和不换行的设置

汉字就没有这种情况。div 实现长英文字母自动换行CSSIE浏览器#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}Firefox浏览器#wr

陈浩 / 0评论 2014-03-04

css li 不换行 没用到，留着

white-space:nowrap; /**强制不换行*/. overflow:hidden; /**自动隐藏文字*/. -o-text-overflow:ellipsis; /**适用于opera浏览器 */

walliam / 0评论 2013-07-24

table中td单元格文字不换行的方法

td单元格的nowrap属性值按照XHTML为nowrap，但是按照W3C的文档说明，不赞成使用，推荐使用样式代替，那么可以代替的样式是word-break，该css的值有normal（默认值）、break-all、keep-all3个，但使用时要注意的是

gigipop / 0评论 2013-06-23

css强制不换行，超出用省略号显示

上面的这种方案，在IE7和Opera中应该能够完美的体现出他的效果了。但是Firefox目前并不支持CSS3中的text-overflow:ellipsis，所以这种方法还是有缺陷的，算是不完全版。另外，在连接的title标签里加入完整的文章标题，这样想知

impress / 0评论 2012-11-29

英文字符和汉字自动换行和不换行的设置

汉字就没有这种情况。#wrap{word-break:break-all;width:200px; overflow:auto; }2、在不需要换行时。style='word-break: keep-all'//不会自动换行，有空格换行，ie支持，ff不支

startXUEBA / 0评论 2011-03-03

CSS自动换行、强制不换行、强制断行、超出显示省略号

先给出各种方式，再具体介绍每一个属性。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。pre-wrap 保留空白符序列，但是正常地进行换行。inheri

html00 / 0评论 2018-08-21

css white-space:nowrap属性用法（可以强制文字不换行输出）

强制不换行，直接使用white-space:nowrap即可。CSS设置不转行: overflow:hidden 隐藏 white-space：normal 默认 pre 换行和其他空白字符都将受到保护 nowrap 强制在同一行内显示所有文本，直到文本结

deng / 0评论 2013-11-14

css 不换行 自动换行 强制换行的实现方法

适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法 英文不换行 CSS里加上word-break:break-all;问题解决。也允许非亚洲语言文本行的任意字内断开。适合包含少量亚洲文本的非亚洲文本 说明： 设置或检索对象内文本的字内换行行为。尤其在出现

ZiXuanFY / 0评论 2008-07-30

css强制换行 css强制不换行的css方法

以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？baidu了一下，令俺非常欣慰，还真的找到了办法，问题解决了

CSSEIKOCS / 0评论 2007-12-21

CSS强制英文、中文换行与不换行 强制英文换行

.p3{white-space:pre-wrap; width:150px;}/*只对中文起作用，强制换行*/. 注意，一定要指定容器的宽度，不然的话是没有用的。break-all : 　该行为与亚洲语言的normal相同。该值适合包含一些非亚洲文本的亚洲

从零学习前端开发 / 0评论 2017-12-18