国产成在线人视频免费视频-国产成综合-国产床上视频-国产大臿蕉香蕉大视频女-国产大尺度pr社18福利在线

css的多行省略號處理

2018-5-30    周周

      在我們的頁面布局的時候，經(jīng)常會有這樣的需求，超過指定行文本的時候會進(jìn)行（省略號...）的處理，那么我們改怎么設(shè)置css呢？如下：

 設(shè)置盒子的css為：

  • overflow:hidden;;
  • text-overflow:ellipsis;
  • white-space:nowrap;

       但是這樣只能顯示一行而不能實現(xiàn)指定行，所以還要其他的方法來實現(xiàn)指定行處理的。



     WebKit瀏覽器或移動端的頁面（大部分移動端都是webkit）

        可以直接使用WebKit的CSS擴(kuò)展屬性(WebKit是私有屬性)-webkit-line-clamp ；注意：這是一個不規(guī)范的屬性，它沒有出現(xiàn)在 CSS 規(guī)范草案中。



        -webkit-line-clamp用來限制在一個塊元素顯示的文本的行數(shù)。 為了實現(xiàn)該效果，它需要組合其他的WebKit屬性。
       常見結(jié)合屬性：
  • display: -webkit-box; 必須結(jié)合的屬性 ，將對象作為彈性伸縮盒子模型顯示 。
  • -webkit-box-orient 必須結(jié)合的屬性 ，設(shè)置或檢索伸縮盒對象的子元素的排列方式 。
  • text-overflow: ellipsis;，可以用來多行文本的情況下，用省略號“…”隱藏超出范圍的文本 。

     css 代碼:

  • overflow：hidden;
  • text-overflow: ellipsis;
  • display: -webkit-box;
  • -webkit-line-clamp:2;/*這里控制著顯示多少行*/
  • -webkit-box-orient:vertical;


日歷

鏈接

個人資料

存檔

主站蜘蛛池模板： 97se狠狠狠狠狠亚洲综合网 | 国产乱辈通伦影片在线播放 | 一a一级片 | 女人18一级特级毛片免费看 | 小明视频免费永久在线网 | 国产亚洲高清在线精品不卡 | 久久久久逼 | 欧美日韩国产高清视频 | 国产日本一区二区三区 | 精品无人区一区二区三区 | 亚洲一二三四 | 国产精品入口麻豆免费 | 毛片h| 国产精品久久久久无码av | 黄 在线| 婷婷六月天在线 | 亚洲一逼 | 毛片软件| 黄色片免费在线观看视频 | 久久六月丁香婷婷婷 | 毛片在线网 | 亚洲一区二区三区播放在线 | 久久久免费的精品 | 国产欧美一区二区三区久久 | 午夜国产精品免费观看 | 在线观看91精品国产hd | 日韩在线视频一区二区三区 | 中日韩精品视频在线观看 | 欧美啊片| 国产精品特黄毛片 | 国产v欧美v日韩在线观看 | 综合欧美亚洲 | 曰本黄色录像 | 亚洲黄色美女视频 | 成人伦理影院 | 亚洲国产高清精品线久久 | 国产情侣真实露脸在线 | 日韩大片在线播放 | 欧美精品日韩一区二区三区 | 最新avtom永久地址免费 | 久久九九有精品国产56 |