CSS 文本溢出时显示省略标记
生活随笔
收集整理的這篇文章主要介紹了
CSS 文本溢出时显示省略标记
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
如標題所示...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS 文本溢出時顯示省略標記</title> <style type="text/css"> .overflowTest{width:200px;/*基本容器顯示寬度*/overflow:hidden;/*overflow 屬性規定當內容溢出元素框時發生的事情。*/text-overflow:ellipsis;/*clip:修剪文本|ellipsis:顯示省略符號來代表被修剪的文本|string:使用給定的字符串來代表被修剪的文本(自定義)*/white-space:nowrap;/*文本不會換行*/ } </style> </head> <body> <div>正常顯示:qwertyuiopasdfghjklzxcvb</div> <div class="overflowTest">處理后:qwertyuiopasdfghjklzxcvb</div> </body> </html>?
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的CSS 文本溢出时显示省略标记的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Chrome调试WebView时Insp
- 下一篇： option标签selected=sel