亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

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;


日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.chinatradebeam.com

存檔

性乌克兰18videos少妇| 亚洲av永久无码精品一福利| AV无码精品一区二区三区四区 | 国产精品jizz在线观看老狼| 免费观看黄网站| 精品亚洲成a人无码成a在线观看| 骚虎视频在线观看| 最美情侣免费观看完整版高清| 屁屁草草影院ccyycom| 亚洲精品熟女国产| 无码av一区二区三区| 亚洲精品成人片在线观看| 亚洲乱码一区av春药高潮| 中文字幕av一区| 国内精品久久久久影院薰衣草| 伊人久久大香线蕉亚洲五月天| 永久免费观看不收费的软件| 亚洲国产成人久久精品大牛影视| 久久精品国产亚洲7777| 老婆出轨时接听老公电话| 国产精品久久| 办公室双腿打开揉弄高潮淑芬| 精品亚洲一区二区三区在线观看| chinese老女人老熟妇hd| 亚洲AV日韩精品久久久久久久| 永久免费av无码网站性色av| 亚洲AV无码国产精品色| 国产农村熟妇出轨videos| 被黑人扒开双腿猛进| 精品久久久无码中文字幕| 波多野吉衣 美乳人妻| 国产av无码专区亚洲av桃花庵| 四虎永久在线精品无码| 丰满饥渴老女人hd| 无码无遮挡刺激喷水视频| 99在线精品免费视频九九视| 性xxxx18免费观看视频| 人妻丰满熟妇AV无码区| 教室停电h嗯啊好硬好湿| 77777亚洲午夜久久多喷| 99re6在线视频精品免费|