/* 控制一行结束 */ .line { display: inline-block; /* 设置为行内块级元素 */ white-space: nowrap; /* 不允许换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分使用省略号表示 */ }
上述代码通过设置class为line的元素为行内块级元素,然后设置不允许换行,超出部分隐藏,并使用省略号表示。这样,无论文本内容长度如何,都可以保证整行内容显示完整。
CSS的控制一行结束还有其他方法,如设置display为table-cell,或使用flex布局等等。需要根据实际需求进行选择。