Rumah > hujung hadapan web > html tutorial > html如何设置溢出隐藏

html如何设置溢出隐藏

coldplay.xixi
Lepaskan: 2023-01-05 16:12:17
asal
13647 orang telah melayarinya

html设置溢出隐藏的方法:1、单行设置溢出隐藏,代码为【overflow: hidden】;2、多行设置溢出隐藏,代码为【display: -webkit-box】。

html如何设置溢出隐藏

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html设置溢出隐藏的方法:

单行:

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
Salin selepas log masuk

多行:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
Salin selepas log masuk

相关学习推荐:html视频教程

Atas ialah kandungan terperinci html如何设置溢出隐藏. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan