『總結(jié)』CSS/CSS3常用樣式與web移動端資源

caoym 發(fā)布于2019-08-29 13:24 / 1031人閱讀

摘要：常用樣式強制文本顯示單行顯示語法讓一段文字在固定寬度在一行顯示，最后一個字符為省略標記，樣式如下多行文本最后省略號這里用到了文本溢出顯示省略號的，即設(shè)置溢出文本顯示為省略標記語法新增加的表示直接裁切溢出的文本表

css/css3常用樣式 強制文本顯示

單行顯示語法：white-space:nowrap;
讓一段文字在固定寬度在一行顯示，最后一個字符為省略標記(...)，css樣式如下

div{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

多行文本最后省略號：

div{
  display: -webkit-box; 
  -webkit-line-clamp:2;
  overflow: hidden; 
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

這里用到了文本溢出顯示省略號的，即設(shè)置溢出文本顯示為省略標記：

語法：text-overflow:text-overflow:clip | ellipsis | ellipsis-word（css3新增加的）;

clip：表示直接裁切溢出的文本；

ellipsis：表示文本溢出時，顯示省略標記(...)，省略標記代替最后一個字符；

ellipsis-word：表示文本溢出時，也是顯示省略標記(...),不同的是，省略標記代替的是最后一個詞)

陸續(xù)添加用到的內(nèi)容...

GPU云服務(wù)器云服務(wù)器移動端web web移動端布局 web移動端開發(fā) 移動端web前端框架

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/112575.html

登陸后可評論

我要關(guān)注我要私信

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说