CSS控制多行文字超出隱藏加省略號
2018-11-01 來源：學做網(wǎng)站論壇
在前面的建站教程中，我們介紹了HTML+CSS控制文字超出部分省略號，如果一行文字的數(shù)量超過一定的寬度就會隱藏并顯示省略號。今天我們要介紹的功能是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">
學做網(wǎng)站論壇經(jīng)過多年的發(fā)展，總結出“高清視頻教程＋講師一對一在線輔導解惑”的教學模式，學員參加建站培訓之后，獲得學做網(wǎng)站論壇終生ＶＩＰ權限，并分配各自的輔導老師。通過ＶＩＰ權限進入ＶＩＰ培訓區(qū)學習論壇原創(chuàng)錄制的高清視頻教程（教程為張啟亞老師原創(chuàng)錄制的超詳細，一步一步操作演示的系列課程），讓零基礎的學員學習起來基礎無壓力。另外在學習過程中有任何不明白的，可以在線咨詢輔導老師單獨講解和ＱＱ在線演示，充分保證了論壇學員學會各類網(wǎng)站制作方法。
長達5年的培訓實踐，接觸眾多學員網(wǎng)站成長案例，不斷的去聆聽和總結，我們緊隨互聯(lián)網(wǎng)發(fā)展步伐，逐步完善課程內(nèi)容，推出符合時代主流的網(wǎng)站制作課程。對于新推出的課程，全部免費公開于已加入的ＶＩＰ學員，學員只需繳納一次學費之后，可以完全免費的學習不斷更新的課程，不會再收取任何費用。
</p>
</body>
</html>
標簽： isp 代碼 互聯(lián)網(wǎng) 建站 建站教程 企業(yè)網(wǎng)站 權限 網(wǎng)站制作 網(wǎng)站制作教程
版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。
最新資訊
熱門推薦