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

css 强制不换行实例

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
分享一篇利用css使div里面的内容不换行哦,以前我们是要换行现在讲一篇不换行,不换行主要是利用了white-space:nowrap 不换行,然后再nowrap 强制在同一行内显示所有文本,直到文本结束或
分享一篇利用css使div里面的内容不换行哦,以前我们是要换行现在讲一篇不换行,不换行主要是利用了white-space:nowrap 不换行,然后再nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。

CSS设置不换行:

  overflow:hidden 溢出隐藏
  white-space:nowrap 不换行
  pre 换行和其他空白字符都将受到保护
  nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象

 

强制不换行

 代码如下

div{
white-space:nowrap;
}

实例

 代码如下


<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style>

<table>
<tr>
<td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>


精彩图集

赞助商链接