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;
}
:
