1.一行文字超出點點點

/* 一行文字超出點點點 */white-space:nowrap;text-overflow:ellipsis;overflow: hidden;

2.多行文字超出點點點，我現在是兩行

/* 兩行文字超出點點點 */word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;

注意：對應點點點容器，需要寬度的限制才ok！

?復制粘貼：

.wordhid{ word-wrap: break-word; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

?

總結

以上是生活随笔為你收集整理的css代码 文字超出点点点的全部內容，希望文章能夠幫你解決所遇到的問題。

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