迴應內容

夥計們你能幫我解釋一下嗎？我有下面的代碼，我不明白爲什麼h元素延伸到我設置的寬度和李元素不會。迴應內容

<!DOCTYPE html> 
    <html> 
    <head> 
    <style> 
    ul li,h1{ 
     width:20px; 
     display:inline-block; 
    } 
    </style> 
    </head> 

<body> 

<h1>This is a Heading</h1> 
<p>This is a paragraph.</p> 
<ul> 
<li>fffffffffffffffffffaaaaaaa</li> 
</ul> 

</body> 
</html>

我附加的圖像和我不會的內容是黑色的邊框內，並延伸到了像塊級元素，但我將不會發生。

來源

2016-12-29 S. Georgian

可以請您在jsfiddle中做？ –

如果您希望它包含包含元素，則不應爲該寬度設置任何固定值。如果您希望寬度具有某些值，請確保它小於包含的父級。 – mnemosdev

用字經：

ul li,h1{ 
    width:20px; 
    display:inline-block; 
    word-wrap: break-word; 
}

來源

2016-12-29 08:36:38 Taniya

如果你希望它換你不應該設置寬度任何固定值包含的元素周圍。如果您希望寬度具有某些值，請確保它小於包含的父級。

來源

2016-12-29 08:37:17 mnemosdev

如果內容沒有空間，那麼它將不包裹在框中。使用word-wrap: break-word;或word-break: break-word;來包裝盒子上的內容。請參閱DEMO - https://jsfiddle.net/44njsodd/1/

 
ul li { 

    word-wrap: break-word; 
    word-break: break-word; 

}

來源

2016-12-29 09:47:18

回答

相關問題