如何適應div元素中的標籤元素

Question

我有一個div元素，它覆蓋了窗口的整個寬度和它內部的一個標籤。標籤被動態地改變，有時它內部的文本超出了div的邊界。有一個例子：

http://jsfiddle.net/VWNKC/ 我試着用：

white-space: nowrap 

兩個DIV和標籤，但它只是沒有工作。 我只是想知道是否可以縮小標籤內的文本，以適應父div的寬度。

如果您滾動並嘗試在div的藍色背景結束後選擇某些內容，您可以看到標籤超出了div。還有內容。

編輯：

我不是縮小文本，但顯示其內容的部分，可以說，文字的beggining。我不想改變字體的大小，我只想顯示適合div的文本部分。

Answer 1

看來你想要標籤包裝在父容器內？ 在這種情況下，white-space：nowrap將不起作用，這隻會導致標籤文本超出父容器的邊界而不包裝到下一行。

因此，有兩種方法可以做到這一點，無論是有文字換到下一行，使標籤仍然是div的寬度內，還是有它通過使用下面的CSS屬性優雅截斷：

text-overflow: ellipsis; 
overflow: hidden;