但是,我有一段中文,不希望他在冲出外框表格的时候自动换行,就是希望他即使冲出了也不要换行。
请各位CSS高手指点一二:)
11 个解决方案
#1
td {word-break:break-all}
#2
<TABLE STYLE="table-layout:fixed;word-break:break-all" WIDTH=600>
#3
hehe,我不希望他自动换行:(
#4
<td><nobr>这是一段中文,不要换行</nobr></td>
#5
谢谢!!
#6
ie,mozilla,firefox下均有效:
<TABLE BORDER="1" style="table-layout:fixed;">
<TR>
<TD width=200><div style="white-space:nowrap;overflow:hidden">新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</div></TD>
<TD width=200>新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</TD>
</TR>
</TABLE>
<TABLE BORDER="1" style="table-layout:fixed;">
<TR>
<TD width=200><div style="white-space:nowrap;overflow:hidden">新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</div></TD>
<TD width=200>新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</TD>
</TR>
</TABLE>
#7
楼上的不符合楼主的要求!
超出的部分被hidden了
超出的部分被hidden了
#8
word-break:break-all
应该是keep-all
嘿嘿!!~~
应该是keep-all
嘿嘿!!~~
#9
一个CSS的解决办法:
<style type="text/css">
td{
white-space:nowrap;
width:100px;
border:1px solid #00f;
font: bold 12px serif;
word-break:keep-all;
}
</style>
white-space是CSS2的标准方法,但是在IE下对于td对象好像不感冒,嗨,反正IE一直不好好解释CSS2,但是在Mozilla下它就能好好的工作了
word-break:keep-all这是IE专有的CSS属性,不过Mozilla就不能处理它了。
上面的代码在IE6和FireFox1.0下均测试通过!只是解决兼容性问题!
不过,因为有word-break的存在在W3C上校验CSS2应该是不能通过的。
<style type="text/css">
td{
white-space:nowrap;
width:100px;
border:1px solid #00f;
font: bold 12px serif;
word-break:keep-all;
}
</style>
white-space是CSS2的标准方法,但是在IE下对于td对象好像不感冒,嗨,反正IE一直不好好解释CSS2,但是在Mozilla下它就能好好的工作了
word-break:keep-all这是IE专有的CSS属性,不过Mozilla就不能处理它了。
上面的代码在IE6和FireFox1.0下均测试通过!只是解决兼容性问题!
不过,因为有word-break的存在在W3C上校验CSS2应该是不能通过的。
#10
white-space对IE而言应该是ie5.5才支持的,而nobr标签是基本上所有浏览器都支持
#11
嗯,是keep-all
#1
td {word-break:break-all}
#2
<TABLE STYLE="table-layout:fixed;word-break:break-all" WIDTH=600>
#3
hehe,我不希望他自动换行:(
#4
<td><nobr>这是一段中文,不要换行</nobr></td>
#5
谢谢!!
#6
ie,mozilla,firefox下均有效:
<TABLE BORDER="1" style="table-layout:fixed;">
<TR>
<TD width=200><div style="white-space:nowrap;overflow:hidden">新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</div></TD>
<TD width=200>新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</TD>
</TR>
</TABLE>
<TABLE BORDER="1" style="table-layout:fixed;">
<TR>
<TD width=200><div style="white-space:nowrap;overflow:hidden">新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</div></TD>
<TD width=200>新年快乐新年快乐新年快乐新年快乐新年快乐新年快乐</TD>
</TR>
</TABLE>
#7
楼上的不符合楼主的要求!
超出的部分被hidden了
超出的部分被hidden了
#8
word-break:break-all
应该是keep-all
嘿嘿!!~~
应该是keep-all
嘿嘿!!~~
#9
一个CSS的解决办法:
<style type="text/css">
td{
white-space:nowrap;
width:100px;
border:1px solid #00f;
font: bold 12px serif;
word-break:keep-all;
}
</style>
white-space是CSS2的标准方法,但是在IE下对于td对象好像不感冒,嗨,反正IE一直不好好解释CSS2,但是在Mozilla下它就能好好的工作了
word-break:keep-all这是IE专有的CSS属性,不过Mozilla就不能处理它了。
上面的代码在IE6和FireFox1.0下均测试通过!只是解决兼容性问题!
不过,因为有word-break的存在在W3C上校验CSS2应该是不能通过的。
<style type="text/css">
td{
white-space:nowrap;
width:100px;
border:1px solid #00f;
font: bold 12px serif;
word-break:keep-all;
}
</style>
white-space是CSS2的标准方法,但是在IE下对于td对象好像不感冒,嗨,反正IE一直不好好解释CSS2,但是在Mozilla下它就能好好的工作了
word-break:keep-all这是IE专有的CSS属性,不过Mozilla就不能处理它了。
上面的代码在IE6和FireFox1.0下均测试通过!只是解决兼容性问题!
不过,因为有word-break的存在在W3C上校验CSS2应该是不能通过的。
#10
white-space对IE而言应该是ie5.5才支持的,而nobr标签是基本上所有浏览器都支持
#11
嗯,是keep-all