語法:
text-overflow:clip | ellipsis
默認值:clip
適用于:所有元素
clip: 當對象內文本溢出時不顯示省略標記(...),而是將溢出的部分裁切掉。
ellipsis: 當對象內文本溢出時顯示省略標記(...)。
在使用的時候,
有時候發現不會出現省略標記效果,經過測試發現,使用ellipsis的時候,必須配合
overflow:hidden;
white-space:nowrap;
width:200px;
這三個樣式共同使用才會有效果
示例代碼:
.test{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:360px;
}