line-clamp հատկությունը
line-clamp հատկությունը սահմանափակում է տեքստը նշված
քանակի տողերով: Լրացուցիչ տողերի փոխարեն տեքստում
դրվում է բազմակետեր:
Շարահյուսություն
ընտրիչ {
line-clamp: none | տողերի քանակ
}
Օրինակ
Եկեք սահմանափակենք մեր տեքստը երկու տողով.
<p>
տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
