Rumah > hujung hadapan web > html tutorial > 关于省略号 ._html/css_WEB-ITnose

关于省略号 ._html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:51:12
asal
900 orang telah melayarinya

以前文字过去用省略号是用js写的,今天发现CSS3也能实现。

<!DOCTYPE html><html><head> <meta charset="utf-8"><title>text-overflow</title><style type="text/css">.test_demo{    text-overflow:ellipsis;     overflow:hidden;     white-space:nowrap;     width:200px;     background:#ccc;}</style></head> <body><div class="test_demo">  超酷的IT技术学习平台(我是省略号)</div></body></html>
Salin selepas log masuk

 超酷的IT技术学习平台(...

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan