国产探花免费观看_亚洲丰满少妇自慰呻吟_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設置內容超出后顯示省略號的解決辦法的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 肇东市| 曲松县| 永修县| 东城区| 双江| 古交市| 大足县| 拉萨市| 荣昌县| 西乡县| 苍梧县| 霍城县| 伊宁县| 聊城市| 南充市| 西充县| 蕉岭县| 德格县| 文化| 达尔| 酒泉市| 呼玛县| 志丹县| 措勤县| 湛江市| 抚州市| 太白县| 外汇| 姚安县| 盈江县| 文安县| 潢川县| 左云县| 平度市| 潍坊市| 灵宝市| 辉县市| 青岛市| 遂平县| 浦县| 沾化县|