2016-06-10 66 views
0

我用這個CSS的省略號文本加省略號長文本,但它顯示

.truncate { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

enter image description here

我已經給這個CSS類我td元素和我的內TD另一跨度內的文本下方

如果你看到文字下方出現任何想法如何解決這個問題?

+0

我認爲您需要定義寬度或最大寬度,請發佈HTML代碼。 – Stickers

+0

您是否嘗試過設置截斷類的最大寬度? – Don

+0

@Pangloss是的,我嘗試了最大寬度,但沒有成功。對不起,我可以共享代碼,因爲我的html表格中有很多代碼。其他建議 –

回答

0

是的,發現問題。有一個css類與left:20px跨度添加。這是造成這個問題。我只是將其更改爲margin-left:20px ..並解決了

1

工作文本溢出:省略號;文本應該放在一個容器中,或者它正在繼承某種已聲明的寬度。