當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

如何用css将超出部分变成...

發布時間：2023/11/29 编程问答 31 豆豆

生活随笔收集整理的這篇文章主要介紹了如何用css将超出部分变成... 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

通過css控制超出部分變成...比通過javascript截取字符串效率要高得多而且也更簡單不多說，看例子

<html>
<body>
<style>
.ellipsis span {
?? white-space:nowrap;
?? text-overflow:ellipsis; /* for internet explorer */
?? overflow:hidden;
?? width:190px;
?? display:block;
}
html>body .ellipsis {
?? clear:both;
}
html>body .ellipsis span:after {
?? content: "...";
}
html>body .ellipsis span {
?? max-width:180px;
?? width:auto !important;
?? float:left;
}
</style>
<div class="ellipsis">
<span>這個雖然是個好方法，可以不用程序控制了，而且也方便修改，但缺陷是firefox瀏覽器不支持。</span>
</div>
</body>
</html>

轉載于:https://www.cnblogs.com/xiexingen/archive/2013/03/05/2944504.html

總結

以上是生活随笔為你收集整理的如何用css将超出部分变成...的全部內容，希望文章能夠幫你解決所遇到的問題。

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