複数行というところがポイントです。
昔は文字数をカウントして自力でカットしていた老人ですが、
今はCSSだけでできるんですね。面白いなあ。
複数行というところがポイントです。
昔は文字数をカウントして自力でカットしていた老人ですが、
今はCSSだけでできるんですね。面白いなあ。
昔は文字数をカウントして自力でカットしていた老人ですが、
今はCSSだけでできるんですね。面白いなあ。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<style> .box1 { width: 300px; border: solid 1px #c0c0c0; overflow: hidden; } .box1 .text1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } </style> <div class="box1"> <div class="text1"> 複数行というところがポイントです。 昔は文字数をカウントして自力でカットしていた老人ですが、 今はCSSだけでできるんですね。面白いなあ。 </div> </div> |
これが当たり前になっていると単なる作業ですが
昔の苦労した時代を知っていると
こういうテクニック1つ1つが面白いと思えてきます。