css怎么让块元素不换行 |css控制颜色渐变

CSS中有一个属性叫做white-space，可以用来控制元素内部的空格、换行等空白内容的显示方式。常见的值有三个：

white-space:normal;  // 默认值，元素内部的空格、换行等会被合并成一个空格，只保留一个换行
white-space:nowrap;  // 元素内部的空格、换行等不会被合并，只要有空格、换行就会显示
white-space:pre;     // 元素内部的空格、换行等不会被合并，保留全部空格、换行，且文本中的换行符会被保留

其中，white-space:nowrap;可以让元素内部的空格和换行不换行，从而达到不换行的效果。下面是一个实例：

<div>
<img src="pic1.jpg">
<img src="pic2.jpg">
<img src="pic3.jpg">
</div>

以上代码会让三个图片在同一行内显示，不会换行。如果想要让元素内部的空格、换行等完全保留，可以使用white-space:pre;属性。

总之，使用CSS的white-space属性可以有效控制元素内部的空格、换行等空白内容的显示方式，达到让块元素不换行的效果。