css怎么不换行文字

在CSS中，我们可以使用white-space属性来控制文字的换行，如果我们想让文字不换行，可以设置为Nowrap。示例代码如下：

p {
  white-space: Nowrap;
}

这样一来，我们就可以让文字在不换行的情况下展现在页面上了。需要注意的是，如果文字过长，超出容器宽度，就可能会出现文字被截断的情况。 如果我们想让文字在不超出容器宽度的情况下也不换行，可以将容器的宽度设置为固定值，并且将overflow属性设置为hidden。示例代码如下：

.container {
  width: 200px;
  overflow: hidden;
}

p {
  white-space: Nowrap;
}

这样一来，文字就不会换行，而且也不会超出容器的宽度，从而达到我们想要的效果。 需要注意的是，white-space属性还有其他的值可供设置，如normal、pre、pre-wrap等等。不同的值会影响文字的换行方式，具体可以参考相关文档。 在实际开发中，我们可以根据具体的需求选择相应的white-space值，并且结合其他属性进行细节的优化。