CSS控制多行文字超出隱藏加省略號
2018-11-01 來源：學(xué)做網(wǎng)站論壇
在前面的建站教程中，我們介紹了HTML+CSS控制文字超出部分省略號，如果一行文字的數(shù)量超過一定的寬度就會(huì)隱藏并顯示省略號。今天我們要介紹的功能是CSS控制多行文字超出隱藏加省略號，例如二行、三行文字超出隱藏加省略號。這種功能常用于企業(yè)網(wǎng)站制作教程中。效果如下：
代碼如下：
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>文字超過兩行或三行就顯示省略號</title>
<style type="text/css">
.p1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
</style>
</head>
<body>
<p class="p1">
學(xué)做網(wǎng)站論壇經(jīng)過多年的發(fā)展，總結(jié)出“高清視頻教程＋講師一對一在線輔導(dǎo)解惑”的教學(xué)模式，學(xué)員參加建站培訓(xùn)之后，獲得學(xué)做網(wǎng)站論壇終生ＶＩＰ權(quán)限，并分配各自的輔導(dǎo)老師。通過ＶＩＰ權(quán)限進(jìn)入ＶＩＰ培訓(xùn)區(qū)學(xué)習(xí)論壇原創(chuàng)錄制的高清視頻教程（教程為張啟亞老師原創(chuàng)錄制的超詳細(xì)，一步一步操作演示的系列課程），讓零基礎(chǔ)的學(xué)員學(xué)習(xí)起來基礎(chǔ)無壓力。另外在學(xué)習(xí)過程中有任何不明白的，可以在線咨詢輔導(dǎo)老師單獨(dú)講解和ＱＱ在線演示，充分保證了論壇學(xué)員學(xué)會(huì)各類網(wǎng)站制作方法。
長達(dá)5年的培訓(xùn)實(shí)踐，接觸眾多學(xué)員網(wǎng)站成長案例，不斷的去聆聽和總結(jié)，我們緊隨互聯(lián)網(wǎng)發(fā)展步伐，逐步完善課程內(nèi)容，推出符合時(shí)代主流的網(wǎng)站制作課程。對于新推出的課程，全部免費(fèi)公開于已加入的ＶＩＰ學(xué)員，學(xué)員只需繳納一次學(xué)費(fèi)之后，可以完全免費(fèi)的學(xué)習(xí)不斷更新的課程，不會(huì)再收取任何費(fèi)用。
</p>
</body>
</html>
標(biāo)簽： isp 代碼 互聯(lián)網(wǎng) 建站 建站教程 企業(yè)網(wǎng)站 權(quán)限 網(wǎng)站制作 網(wǎng)站制作教程
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
最新資訊
熱門推薦