文本超出兩行顯示省略號 移動端禁止雙擊縮放

單行顯示省略號

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

多行省略

display: -webkit-box;/** 對象作為伸縮盒子模型顯示 **/word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;/** 設置或檢索伸縮盒對象的子元素的排列方式 **/-webkit-line-clamp: 3;/** 顯示的行數 **/overflow: hidden;

移動端禁止雙擊縮放

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">

總結

以上是生活随笔為你收集整理的文本超出多行显示省略号 移动端禁止双击缩放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。