如何缩小 html/css 中的大段落？

Question

我有一个很大的段落，例如： 你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好 在这一段中，我只想说，如果它的长度大于我在网页框中制作的框的大小，那么它应该给出这样的输出： 你好你好你好你好你好你好…… 意思是我希望它最多写一行。如果 para 的长度大于框的宽度，那么我希望以这种方式输出： 你好你好你好你好你好你好…… 这件事怎么办。

Answer 1

此代码将允许您最多拥有两行文本。你应该通过改变父母的宽度来控制文本的长度。

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}