HTML文字溢出出现.....
生活随笔
收集整理的這篇文章主要介紹了
HTML文字溢出出现.....
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
text-overflow文本溢出包含元素時發生的事情
?可選值：ellipsis 設置多余的文本為省略號的形式
?
? <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>p{width: 100px; /* 設置固定的寬度 */white-space: nowrap; /*設置不換行*/overflow: hidden; 裁剪多余內容text-overflow: ellipsis; /* 設置多余文本以省略號的形式出現 */ } </style> </head> <body><p>到得洪都又一年，祖生擊楫至今傳。</p><p>聞雞久聽南天雨，立馬曾揮北地鞭。 </p><p>鬢雪飛來成廢料，彩云長在有新天。</p> <p>年年后浪推前浪,江草江花處處鮮。</p> </body> </html>?
總結
以上是生活随笔為你收集整理的HTML文字溢出出现.....的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 004 鸿蒙应用开发-通知栏
- 下一篇： 翻转和旋转计算机教学,小学信息技术（上册