夜夜爽妓女8888视频免费观看-久久精品国产一区二区三区四区-一本色道久久综合亚洲精品不卡-婷婷五月深深久久精品-亚洲精品在线-亚洲日韩欧美一区二区三区-精品视频二区三区-h无码动漫在线观看-蜜桃产品一区一区三区MV-色综合网天天综合色中文男男-全是啪啪的精彩小说全集,亚洲日产资源,神馬影院午夜理论片在线观看,国产美女视频黄是免费

STU網(wǎng)頁(yè)設(shè)計(jì)

學(xué)生HTML網(wǎng)頁(yè)設(shè)計(jì)中文本超出隱藏顯示省略號(hào)

更新時(shí)間：2020-03-08   文章分類：網(wǎng)頁(yè)技術(shù)課堂

首先大家要了解一些基本的文本文字屬性的設(shè)定，例如white-space(超出是否換行)，letter-spacing（字間距），text-overflow（文字超出如何顯示），word-wrap（允許長(zhǎng)單詞或 URL 地址換行到下一行），overflow（超出塊范圍如何 顯示）等等...

當(dāng)有一行內(nèi)容時(shí)，CSS示例

width: 100px;//規(guī)定文本寬度或者max-width
overflow:hidden; //超出的文本隱藏
text-overflow:ellipsis; //溢出用省略號(hào)顯示
white-space:nowrap; //溢出不換行

當(dāng)有兩行內(nèi)容時(shí)，CSS示例
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box; //作為彈性伸縮盒子模型顯示。
-webkit-box-orient:vertical; //設(shè)置伸縮盒子的子元素排列方式--從上到下垂直排列
-webkit-line-clamp:2; //顯示的行
STU網(wǎng)頁(yè)公眾號(hào)

作品推薦

個(gè)人博客網(wǎng)頁(yè) |  抗疫健康網(wǎng)頁(yè) |  保護(hù)動(dòng)物網(wǎng)頁(yè) |  寵物花草網(wǎng)頁(yè) |  家鄉(xiāng)旅游網(wǎng)頁(yè) |  人物明星網(wǎng)頁(yè) |  節(jié)日環(huán)保網(wǎng)頁(yè) |  影視音樂(lè)網(wǎng)頁(yè) |  校園班級(jí)網(wǎng)頁(yè) |  動(dòng)漫游戲網(wǎng)頁(yè) |  文學(xué)文化網(wǎng)頁(yè) |  電子商務(wù)網(wǎng)頁(yè)

STU網(wǎng)頁(yè)設(shè)計(jì)專注于DW網(wǎng)頁(yè)設(shè)計(jì)制作,學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè),簡(jiǎn)單網(wǎng)頁(yè)模板下載,HTML靜態(tài)網(wǎng)頁(yè)成品,網(wǎng)頁(yè)設(shè)計(jì)代做,網(wǎng)站作品定制,網(wǎng)頁(yè)畢業(yè)設(shè)計(jì)制作,學(xué)生dreamweaver網(wǎng)頁(yè)成品...

免責(zé)聲明 版權(quán)聲明 冀ICP備18035311號(hào)-9 百度地圖 SITEMAP

qq code back_top

QQ掃碼咨詢

微信掃碼咨詢