在CSS中,文本在一行中无法完整显示的时候,会默认自动换行。但是如果我们想让文本在一行中不换行,该怎么办呢?此时,我们可以使用CSS的一个属性——white-space来解决这个问题。在百分之百宽度的
在CSS中,文本在一行中无法完整显示的时候,会默认自动换行。但是如果我们想让文本在一行中不换行,该怎么办呢?
此时,我们可以使用CSS的一个属性——white-space来解决这个问题。
在百分之百宽度的div内,如果一行文字过长的时候,就会自动换行,如下所示:
div { width: 100%; }如果我们希望一行文字不换行,那就可以添加white-space: nowrap来实现:
div { width: 100%; white-space: nowrap; }这样,当文本长度超过一行时,文本就会继续向右延伸,而不是换到下一行。
a { white-space: nowrap; }通过使用white-space属性,我们可以自由地控制文本的换行情况,达到自己想要的效果。
粉丝
0
关注
0
收藏
0