简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

CSS3多行显示省略号._html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:42:32
asal
886 orang telah melayarinya

不用js也能控制第让他控制第几行省略：

<span style="font-size:18px;color:#999999;">text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;</span>
Salin selepas log masuk


Label berkaitan：
CSS3多行显示省略号.
sumber：php.cn
Artikel sebelumnya：背景图片满屏显示_html/css_WEB-ITnose Artikel seterusnya：CSS3系列二（媒体支持、文字与字体相关样式、盒相关样式）_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk mengelakkan tanda sempang menggunakan limpahan teks Saya cuba menetapkan bilangan baris maksimum untuk beberapa tajuk, tetapi masalahnya ialah...
daripada 2023-09-03 15:00:49
0
1
287
Bagaimana untuk menyembunyikan tab pada skrin kecil? Saya mempunyai menu antd dengan label dan ikon. Ini adalah perwakilan minimum reka bentuk....
daripada 2023-08-17 12:53:57
0
1
330
Mengapa imej dan animasi hilang apabila menambah kelas pada lajur terakhir? Saya cuba menghidupkan 6 imej dalam gelung tak terhingga. Apabila saya menambah imej ke-6 ...
daripada 2023-08-15 11:29:09
0
1
196
javascript - Memaparkan masalah yang dihadapi apabila menggunakan jadual UI Elemen dalam Vue Keperluan: Jadual dengan n baris dan 3 lajur, lajur pertama ialah nombor siri, lajur kedua...
daripada 2017-06-28 09:28:08
0
1
723
javascript - Bagaimana untuk membungkus webpack2 untuk menukar semua es6 ke es5? Postur pembungkusan webpack2 mungkin salah, dan keserasian transcoding tidak begitu baik B...
daripada 2017-06-26 10:57:28
0
1
737
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！