css #CSS：在行尾显示三个点（...）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css #CSS：在行尾显示三个点（...）相关的知识，希望对你有一定的参考价值。

span {
    display:inline-block;
    width:180px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

/* From http://stackoverflow.com/questions/11426275/how-can-i-show-dots-in-a-span-with-hidden-overflow*/

以上是关于css #CSS：在行尾显示三个点（...）的主要内容，如果未能解决你的问题，请参考以下文章

css文本超出隐藏 显示三个点

css文本超出隐藏 显示三个点

css让文字超出部分用省略号三个点显示的方法案例

html+css（左边宽度高度，右边自动占满，右边内容过大左边自动缩小，内容三个点显示）

如何格式化我的 grep 输出以在行尾显示行号以及命中数？

css3实现超过两行文字，超出用三个点显示（兼容性不行，仅供学习）