国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 建站經驗 > 正文

利用css設置內容超出后顯示省略號的解決辦法

2024-04-25 20:20:00
字體:
來源:轉載
供稿:網友
這篇文章主要為大家詳細介紹了利用css設置內容超出后顯示省略號的解決辦法,具有一定的參考價值,感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。在html代碼頁面找到<body>標簽,在<body>標簽里創建一個<p>標簽,然后輸入顯示的內容并添加一個class類為 class="cont"。如圖:

利用css設置內容超出后顯示省略號的解決辦法

找到<title>標簽,在這個標簽下面創建一個<style>標簽,在<style>標簽里設置class為cont的樣式內容超出后為隱藏

<style>

.cont{

overflow: hidden;/*內容超出后隱藏*/

text-overflow: ellipsis;/* 超出內容顯示為省略號*/

white-space: nowrap;/*文本不進行換行*/
width:300px; height:30px;/*設置文字顯示的區域寬度和高度*/

}

</style>
利用css設置內容超出后顯示省略號的解決辦法2
 

以上就是利用css設置內容超出后顯示省略號的解決辦法的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 溧水县| 武威市| 集贤县| 尤溪县| 家居| 区。| 涡阳县| 竹溪县| 卫辉市| 平凉市| 中山市| 洪雅县| 含山县| 略阳县| 甘南县| 六枝特区| 兰州市| 鲁山县| 上饶县| 牙克石市| 定南县| 定州市| 宜川县| 许昌市| 绍兴市| 浦东新区| 射阳县| 长沙县| 上高县| 平舆县| 明星| 郸城县| 定结县| 林甸县| 如东县| 察哈| 全州县| 洮南市| 青神县| 乌兰察布市| 蕲春县|