表格內容超出隱藏內容並顯示省略號


table{
    table-layout:fixed;/* 只有定義了表格的布局算法為fixed,下面td的定義才能起作用。 */
}
td{
    width:100%;
    word-break:keep-all;/* 不換行 */
    white-space:nowrap;/* 不換行 */
    overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
    text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ;需與overflow:hidden;一起使用。*/
}
如果擔心隱藏了看不到完整的單元格內容,建議在單元格上面加上title屬性值,這樣只要鼠標經過就能顯示全部了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM