CSS：DIV大字體大小（包裝線）比需要的更寬

我有一個固定寬度的容器（黑色邊框）。在那個容器中，我想展示一些水平居中的靈活寬度的div（紅色輪廓）。

我通過將外部div設置爲text-align:center，然後將內部div設置爲display:inline-block和text-align:left。

它工作在大多數情況下，但是當我增加字體大小，使文本跨越兩行包，內格，一下子比需要更廣泛的（見截圖，多餘的空間，黃色）。

我想有內部DIV小（水平）儘可能使好聽中心。

enter image description here

編輯：如果一個CSS唯一的解決辦法是不可能的，有沒有對JavaScript的解決方案有什麼建議？

2013-12-09 Mark

，爲什麼你有文本對齊：離開？它應該沒有這個工作。 http://jsfiddle.net/danield770/txwbR/5/ – Danield

@丹菲爾德我有'文本對齊：左'，使div內的文本保持左對齊。在你的演示中，它被集中。我只想要內部div，而不是文本內容。 – Mark

我認爲這是行內塊元素的正常行爲 - 如果它包裝它將佔用父寬度的100％ – Pete

也許不是最整齊的解決方案，但它的工作原理：用一個斷行。

<div>some<br>content</div>

2013-12-09 16:13:53 Jarno

這是我看到的僅使用js工作的唯一解決方案。另外，如果你有不同大小的文字或改變了文本框的大小，你可以設置'
'爲'display：none'。只要確保你在'
'之前有一個空格。 http://jsfiddle.net/txwbR/62/ – brouxhaha

插入
與顯示問題：沒有是，這些單詞將永遠打破。但是，我有更長的文字，無法預測它將會/應該打破的位置。 – Mark

回答