分享一篇利用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>