CSS可用于限制文本顯示為三行。這可以通過使用“text-overflow”和“white-space”屬性來實(shí)現(xiàn)。
首先,將“text-overflow”設(shè)置為“ellipsis”以在文本超出容器時顯示省略號。
.container { width: 150px; overflow: hidden; text-overflow: ellipsis; }
然后,將“white-space”設(shè)置為“nowrap”以防止文本換行。
.container { width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
最后,添加“l(fā)ine-height”屬性以確保文本在容器中的高度為三行。
.container { width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; max-height: 3.6em; }
通過這些CSS屬性,可以輕松地限制文本為三行。