容器使用其最大寬度，即使文本沒有那麼大

我有一個li包含一個標題和幾個鏈接。 li根據標題和鏈接中的字符寬度應爲auto，但最大寬度可能爲166px。如果任何行大於166px，則應該有分詞。容器使用其最大寬度，即使文本沒有那麼大

問題是當標題較大並且使用分詞時，li仍然使用166px的最大寬度，但其寬度應按照單詞寬度。

檢查HTML/CSS這裏： Fiddle

2013-12-19 Ashwani Sharma

您的意思是標題在一個線和環節和包裝最大寬度166px？ –

這裏是一個DEMO

CS小號需要修正（REST一切保持不變）：

ul { 
    background: #e7e7e7; 
    float: left; 
    margin: 0; 
    padding: 0; 
    width:20%; /*add this to have a clear picture, optional but recommended*/ 

} 

span, a { 
    display: block; 
    font: 14px arial; 
    word-break: break-all; /*add this*/ 
    max-width:80% ; 
}

你錯過什麼在這裏，是，是ul父母和你的孩子li設置max財產......做這樣（雖然我不會建議它）...你應該在ul上設置width！

此外，打破大的話，可以使用word-break: break-all;財產......其方便安靜... Read More Here

來源

2013-12-19 10:01:06 NoobEditor

看起來很有前途！讓我檢查一次。多謝老兄:) –

使用最小寬度，而不是最大寬度。
這將解決您保持寬度166px的目的。

來源

2013-12-19 09:35:20

取出

max-width: 166px

從li元素

，如果你想要一些最小寬度增加

min-width: 100px

檢查http://jsfiddle.net/raunakkathuria/2q8WS/4/

來源

2013-12-19 09:35:57

感謝Raunak的建議，但無論如何** li **寬度不應超過166px。使用最小寬度將大於166px，因爲標題的位大於166px。 –

這是不可能的，因爲即使字長不大或更大，max-width將強制爲166px –

您可以擁有以下兩種東西之一，以便您在這些之間交易:) –

容器使用其最大寬度，即使文本沒有那麼大

回答

相關問題