css一行没填满就换行

在CSS中，文本在一行中无法完整显示的时候，会默认自动换行。但是如果我们想让文本在一行中不换行，该怎么办呢？

此时，我们可以使用CSS的一个属性——white-space来解决这个问题。

在百分之百宽度的div内，如果一行文字过长的时候，就会自动换行，如下所示：

div {
    width: 100%;
} 

如果我们希望一行文字不换行，那就可以添加white-space: nowrap来实现：

div {
    width: 100%;
    white-space: nowrap;
} 

这样，当文本长度超过一行时，文本就会继续向右延伸，而不是换到下一行。

除了可以在div中使用white-space属性，还可以在其他元素中使用该属性来控制文本的换行情况。例如，在a标签中使用white-space属性可以使链接文字不换行。

a {
    white-space: nowrap;
} 

通过使用white-space属性，我们可以自由地控制文本的换行情况，达到自己想要的效果。