CSS中有兩種方式可以實現文字溢出隱藏,分別是:
overflow: hidden; text-overflow: ellipsis;
overflow屬性指定元素如何處理其內容溢出框的情況。hidden值將隱藏溢出的內容。text-overflow屬性指定如何處理溢出到塊容器的區域外的文本。
當兩個屬性一起使用時,如果元素中的文字溢出了,就會自動被隱藏,并在溢出的位置加上省略號。
.my-element { overflow: hidden; text-overflow: ellipsis; }
上述代碼中,.my-element是要設置的元素的類名,將這段代碼添加到CSS文件的相應位置,就可以實現文字溢出隱藏的效果。
上一篇css 兩行 縮略