在HTML段落中显示前3行 [英] Show first 3 lines in HTML paragraph
本文介绍了在HTML段落中显示前3行的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我只想使用HTML格式显示下面段落的前3行.我正在W3Schools上搜索,但没有显示如何操作.
I want to show only the first 3 lines of the paragraph below using HTML formatting. I am searching on W3Schools but it doesn't show how to do it.
<body>
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlor
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore
loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlore
</body>
推荐答案
您可以为容器指定height
和line-height
并将其overflow
属性设置为hidden
:
You can give the container a height
and line-height
and set its overflow
property to hidden
:
HTML
<p>loremloremlorem...</p>
CSS
p {
height:60px;
line-height:20px; /* Height / no. of lines to display */
overflow:hidden;
}
这篇关于在HTML段落中显示前3行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文