masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > CSS实现文字一行显示带省略号_html/css_WEB-ITnose

CSS实现文字一行显示带省略号_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan： 2016-06-21 09:15:50
asal
1567 orang telah melayarinya

CSS实现文字一行显示带省略号技术

maybe yes 发表于2015-01-20 11:39

<style>word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 500px;</style>
Salin selepas log masuk

CSS原生自带的功能虽然好，但是用起来不怎么好看，好像省略号的样式不能控制。

阅(56)评(0)查看评论


Label berkaitan：
CSS实现文字一行显示带省略号
Artikel sebelumnya：css img 等比例平铺怎么个屏幕_html/css_WEB-ITnose Artikel seterusnya：从头开始构建一个HTML电子邮件模板_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
javascript - Sila beritahu saya tentang masalah menukar fungsi panggil balik jq untuk menjanjikan pelaksanaan
daripada 1970-01-01 08:00:00
0
0
0
javascript - Kekeliruan tentang menghantar parameter dalam tindak balas
daripada 1970-01-01 08:00:00
0
0
0
javascript - gambar rajah tindanan atribut js
daripada 1970-01-01 08:00:00
0
0
0
javascript - aplikasi halaman tunggal angularjs Bagaimana untuk menyelesaikan masalah tidak menatal ke bahagian atas halaman selepas halaman menatal ke bawah dan navigasi melompat ke halaman baharu?
daripada 1970-01-01 08:00:00
0
0
0
javascript - Apabila membina projek dengan vue-cli, anda perlu memperkenalkan fail js dan CSS statik tempatan Bagaimana untuk membungkusnya?
daripada 1970-01-01 08:00:00
0
0
0
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