與特定寬度塊元素，而且寬度適應於HTML/CSS長字

我需要<div>與特定的最大寬度（例如100像素），並在此元素包含了一些長字（更多然後100像素），使之適合這些詞的寬度，無需打破或隱藏溢出，就像附圖所示。 Example issue 與特定寬度塊元素，而且寬度適應於HTML/CSS長字

這是可能的純HTMLCCS？

感謝您的回答。

都能跟得上...... CSS樣式內容...它可以」沒有檢測到它。 – 2015-03-24 22:47:00

那麼，首先我們必須使<div>元素縮小擬合。這可以通過將元素或display作爲元素來實現。

然後，我們可以添加一個min-width的100px到元素來設置最小寬度。

例如：

div { 
    display : inline-block; 
    min-width : 100px; 
}

2015-03-24 22:48:53

謝謝你的回答。但這不是我想要的。澄清我的要求，一個元素可以有100像素或寬度等於最長的單詞的最大寬度，如果超過100像素長。但是如果不使用JS就不可能做到這一點，是嗎？ – user1827257 2015-03-24 22:56:48

@ user1827257然後你必須更新問題來強調這一點。我擔心沒有可能的CSS解決方案來實現這一點。 – 2015-03-24 22:58:45

如果你在一個div上設置一個固定的寬度也不會適應。你將不得不使用JavaScript來觀看文本。

或者不使用固定的寬度，但使用的最小寬度：100像素，並在需要時它會增長超過100，但永遠是最小的100像素

2015-03-24 22:50:39 Graham

回答