龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

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

时间:2014-06-11 19:42来源:网络整理 作者:网络 点击:
分享到:
这篇文章主要介绍了td,div标签里内容不换行的方法,需要的朋友可以参考下

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

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

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

解决方法:

  针对例子一用<nobr></nobr>标签把换行的内容全部包起来,可以解决问题;

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

精彩图集

赞助商链接