1.一行文字超出點(diǎn)點(diǎn)點(diǎn)

/* 一行文字超出點(diǎn)點(diǎn)點(diǎn) */white-space:nowrap;text-overflow:ellipsis;overflow: hidden;

2.多行文字超出點(diǎn)點(diǎn)點(diǎn)，我現(xiàn)在是兩行

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

注意：對(duì)應(yīng)點(diǎn)點(diǎn)點(diǎn)容器，需要寬度的限制才ok！

?復(fù)制粘貼：

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。