CSS的强大之处在于它可以控制网页上的各种元素的展示，
包括文本。如果你想让文本
显示成两行，CSS也是可以实现的。下面我们看看具体的
方法。
首先，在HTML中给需要调整的文本
添加一个p
标签，如下：
```
这是一个需要显示成两行的文本。
```
接下来，我们就可以使用CSS来调整这个文本的样式了。我们可以将文本的行数设置为2，同时将其溢出的部分隐藏起来，让文本
显示成两行。请看下面的CSS
代码：
```
.two-li
nes{
display: -webkit-
Box;
-webkit-
Box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
```
以上
代码中，-webkit-
Box-orient
属性用来定义弹性盒子元素的子元素的排列方向。这里我们设置它为垂直方向。然后，-webkit-line-clamp
属性用来控制弹性盒子容器内文本的行数。
在这里我们设置它为2行。最后，我们使用overflow
属性将文本超出部分隐藏。
如果你想让多个段落都
显示成两行，只需要将CSS
代码放在
一个pre
标签中，如下：
```
.two-lines{
display: -webkit-Box;
-webkit-Box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
```
以上就是如何使用CSS让文本
显示成两行的
方法。如果你想调整文本的样式和布局，可以参考CSS的其他
属性和技巧。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
