html5 css不换行文字,css怎么让文字不换行？

让文字不自动换行，无论CSS宽度设置多少，所有文字都在一行内显示该如设置呢？下面我们就来看一下css设置文本不换行的方法。

css可以使用white-space属性设置元素内文字不换行，white-space属性设置如何处理元素内的空白。

示例：

p

{

white-space: nowrap

}

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

效果如下：

这个属性声明建立布局过程中如何处理元素中的空白符。

属性值：normal 默认，空白会被浏览器忽略

pre 空白会被浏览器保留。其行为方式类似HTML中的

标签

nowrap 文本不会换行，文本会在同一行上继续，直到遇到
标签(开始换行)为止

pre-wrap 保留空白符序列，但是正常地进行换行

pre-line 合并空白符序列，但是保留换行符

inherit 规定应该从父元素继承white-space 属性的值

更多CSS3相关技术文章，请访问CSS3答疑栏目进行学习！