在HTML中,文本默认是按行显示。如果要强制一行显示,需要使用white-space: nowrap;
属性。这个属性可以应用在单个元素上,也可以应用在整个文档上。例如:
p { white-space: nowrap; }
此时,所有
标签中的文本会被强制在一行内显示。
如果希望文本溢出时显示省略号(…),可以使用text-overflow: ellipsis;
属性。例如:
p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
此时,如果文本内容超出一行,就会以省略号代替。
如果希望文本截断换行,可以使用word-wrap: break-word;
属性。例如:
p { word-wrap: break-word; }
这个属性会在单词边界处强制换行。
以上是一些常用的实现文本一行显示的CSS属性,可以根据实际需要灵活运用。