Line-clamp қасиеті
left қасиеті мәтнді көрсетілген
жолдар санына дейін шектейді. Мәтннің артық жолдарының орнына
көп нүкте қойылады.
Синтаксис
селектор {
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;
}
:
