CSS属性：span nowrap

介绍

CSS属性span nowrap可用于设置文本内容中的行为。该属性用于防止文本换行，当文本内容长度大于父元素容器时，文本将会被截断。

语法

selector {
  white-space: nowrap;
}

其中，selector代表要应用此属性的元素选择器。

值

span nowrap属性的值只有一个，即nowrap。该值用于防止文本内容换行。

示例

<div style="width: 100px;">
  <span nowrap>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</div>

该示例将在一个宽度为100像素的div元素中显示一个文本内容较长的span元素。由于该span元素已应用了span nowrap属性，文本将被截断而不是换行。

兼容性

span nowrap属性在所有主流的浏览器中都得到了支持。需要注意的是，旧版的IE浏览器可能会将该属性解释为span nowrap而非white-space: nowrap，因此请谨慎使用。