html中td内容不换行显示,html小技巧之td,div标签里内容不换行

html小技巧之td,div标签里内容不换行

在一些页面开发中，除自己操作外，引起换行的情况一般有：

Ex一.td标签里内容长度过长引起换行；

Ex二.div标签(或其他标记)里内容有文本和图片引起换行；

解决方法：

针对例子一用标签把换行的内容全部包起来，可以解决问题；

针对例子二用CSS样式white-space: nowrap;可以使图片和内容不换行，(经自己测试使用标签也可以).

时间： 2014-05-13

这个问题当年也困扰了我比较长的时间.因为在jsp内使用的EL标签和其他标签时,会产生大量的空格和换行符.例如: 复制代码 代码如下: ------- start ---------- Something Others <

强制不换行,直接使用white-space:nowrap即可.CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认 pre 换行和其他空白字符都将受到保护 nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象例:强制不换行 复制代码 代码如下: div{white-space:nowrap;}

在换行的地方添加 或 实现换行

是不是超级美观~,简单的2个字符就搞定了,有需要的小伙伴参考下吧.

下面这几个方法将能够帮你解决这个问题. PHP版将html中的
换行符转换为文本框中的换行符: 复制代码 代码如下: function br2