導讀:建站問題建站問題單行文本溢出顯示省略號 p { overflow : hidden ; /* 超出部分隱藏 */ text-overflow : ellipsis ; /* 超網站建設制作網站建設哪家好。

單行文本溢出顯示省略號 p { overflow : hidden ; /* 超出部分隱藏 */ text-overflow : ellipsis ; /* 超出部分文字以...顯示 */ white-space : nowrap ; /* 不換行 */ } 多行文本溢出顯示省略號（ 只有-webkit內核才有作用） p { isplay百度seo網站優化 : -webkit-box ; te […]

單行文本溢出顯示省略號

p { overflow: hidden; /*超出部分隱藏*/ text-overflow: ellipsis; /*超出部分文字以...顯示*/ white-space: nowrap; /*不換行*/ }

多行文本溢出顯示省略號（只有-webkit內核才有作用）

p { isplay: -webkit-box; text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

移動端瀏覽器絕大部分是WebKit內核的，所以該方法適用于移動端：

• -webkit-line-clamp：用來限制在一個塊元素顯示的文本的行數，這是一個不規范的屬性（unsupported WebKit propert高端網站建設y），它沒有出現在 CSS 規范草案中。
• display: -webkit-box：將對象作為彈性伸縮盒子模型顯示 。
• -webkit-box-orient：設置或檢索伸縮盒對象的子元素的排列方式 。

• text-overf網站建設low: ellipsis：以用來多行文本的情況下，用省略號“…”隱藏超出范圍的文本。

  關鍵詞標簽: 標簽 省略號