2019獨角獸企業重金招聘Python工程師標準>>>

網上找到大部分說的是加上：

overflow: hidden; text-overflow: ellipsis; width: 100px; white-space: nowrap; 這個css，有些是專指table中的td，有些是指span。但是直接拿過來又好像不好用。所以我在這里總結一下。

1.在table的td中

? 在table要達到此目的，首先，table一定要設置它的樣式：table-layout:?fixed;然后再在指定的td上應用上面的樣式。注意這里的width不一定有效，因為table-layout指定為fixed時，td的寬度只受第一行的對應列td的寬度影響。具體請參見w3c school:http://www.w3school.com.cn/css/pr_tab_table-layout.asp

2.在塊級元素中

? ? 這里為什么說塊級呢，因為在span,a這樣的元素中是似乎是不生效的。除非你把它他們的display設置成block。那有沒有辦法在保留其內聯特性的同時，又達到我們要的目的呢。是可以的，這時候inline-block就派上用場了。也就是，如果需要應用在a,span這樣的內聯元素上，就要額外加上

display:inline-block 這個css屬性。注意：inline-block 這個css屬性似乎也是有兼容性的，這里就不討論它，詳情請谷歌。

原文網址：http://sudodev.cn/articles/119.html

轉載于:https://my.oschina.net/shixiaobao17145/blog/131649

總結

以上是生活随笔為你收集整理的文字超长自动加省略号的css写法的全部內容，希望文章能夠幫你解決所遇到的問題。

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