html颜色背景排列不换行,css如何设置不换行？

在HTML网页中文章标题列表通常要使用H标签样式，使用此样式后文本就会自动换行，但是我们通常不想换行，那么我们该如何使用css设置不换行呢？下面我们来看一下css设置不换行的方法。

我们可以通过为元素设置css样式white-space:nowrap;使元素内文本不换行。white-space属性设置如何处理元素内的空白。

css设置不换行实例：

设置2个对象盒子，一个设置强制同行显示文本内容。第二个设置强制同行显示，但使用html br标签观察效果。为了white-space案例应用效果，我设置css宽度一定120px，css高度为60px,css行高 line-height为20px 。

css代码：

div{ width:120px; height:60px; line-height:20px}

.divcss{ white-space:nowrap}

HTML代码：

内容将在一行内强制显示完整

内容使用br换行

将会不被
换行显示

日常我们为了让文字内容在一行内显示完，哪怕宽度不够也不能换行，我们可以使用white-space样式，但如果遇到了html br强制换行标签，无论是设置white-space与否都会被
强制换行。