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

css如何实现限制文字字数

零到壹度
Lepaskan： 2018-03-23 10:02:54
asal
4043 orang telah melayarinya

本文主要和大家分享css如何实现限制文字字数，主要以代码形式，希望能帮助到大家。

html部分

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p id="nr">
			我是显示的内容
我是显示的内容
我是显示的内容
		</p>
	</body>
</html>
Salin selepas log masuk

css部分

width:20px;
overflow: hidden;
text-overflow: ellipsis;
//限制字数显示
white-space: nowrap;
//后面出来省略号
Salin selepas log masuk

相关推荐：

css限制显示字数,文字长度超出部分用省略号表示

如何实现CSS限制字数

html5标签用css限制显示行数（字数）

Atas ialah kandungan terperinci css如何实现限制文字字数. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
CSS，限制字数
sumber：php.cn
Artikel sebelumnya：javascript trie前缀树使用详解 Artikel seterusnya：如何解决CSS的布局问题
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
Menggunakan pencetus dan kekangan untuk mengehadkan bilangan rekod dalam MySQL Saya mempunyai jadual yang dipanggil BFF yang menyimpan ID pengguna dan ID pengguna kawan ...
daripada 2023-11-14 13:35:02
0
4
434
CSS mendahului sifar untuk perpuluhan yang tidak berfungsi dengan nombor yang besar Baru-baru ini saya menghadapi masalah di mana saya mencipta senarai tersusun dengan lebih ...
daripada 2023-11-07 10:35:53
0
1
236
Jajarkan titik perpuluhan nombor dalam jadual dengan penjajaran "tengah" pseudo yang muncul dalam sel Saya mahukan jadual dengan lajur nombor perpuluhan, dengan panjang berbeza sebelum dan sel...
daripada 2023-10-24 13:01:47
0
1
266
Kaedah Firestore untuk mendapatkan dokumen rawak dalam koleksi Adalah penting bagi permohonan saya untuk dapat memilih berbilang dokumen secara rawak dar...
daripada 2023-10-19 11:39:22
0
2
301
Sila laporkan kepada pembangun: PDO::__construct(): Set aksara yang dihantar pelayan (255) tidak dikenali oleh klien Saya cuba menyambung ke pangkalan data MySQL daripada aplikasi Symfony3. Tetapi apabila cu...
daripada 2023-10-16 10:02:44
0
2
213
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！