(多行文本溢出顯示省略號)text-overflow: ellipsis;

四個限制條件: 

.goods_name{
    /*固定寬度*/
    width: 5rem;
    /*超出隱藏*/
    overflow: hidden;
    /*禁止換行*/
    white-space: nowrap;
    /*超出用省略號代替*/
    text-overflow: ellipsis;
}

a標籤內容超出以後隱藏並且顯示省略點:

https://blog.csdn.net/z564359805/article/details/102604545

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章