改變方向

<div> 
    <p>abcd efgh ijkl mno</p> 
</div> 

div{ 
    width:400px; 
    height:200px; 
    font-size:40px; 
}

現在，如果內容的高度大於div高度，則內容會垂直出現在div的外面。 Div將寬度修正爲400px，並且內容不會水平地出現在div之外。我想我的內容水平地出來。對不起，我的英語不好。改變方向

在此先感謝。

請參閱以下fiddle其中內容尊重div的寬度而不是高度。

我想要內容尊重高度的另一種方式。

來源

2014-03-01 Green Wizard

這聽起來像你試圖限制寬度，而不是限制寬度。 – Moob

是的，看起來像是令人毛骨悚然，但這是與我的情況.... :(有史以來的內容可能是，它應該適合高度，不留空白區域。@Moob –

我不認爲你想要的是可能的在CSS中，你是否開放JS解決方案，如http://jsfiddle.net/zuaG6/ – Moob

當你打開一個JS的解決方案，你可以調整的內容，使之更廣泛的，直到它的垂直範圍內適合：

var bounds = document.getElementById("bounds"); 
var content = document.getElementById("content"); 
while(content.offsetHeight>bounds.offsetHeight){ 
    content.style.width = (content.offsetWidth+1)+'px'; 
}

http://jsfiddle.net/zuaG6/

來源

2014-03-02 16:30:49 Moob

但這是什麼小提琴！ –

@GreenWizard - 抱歉，不知道那是怎麼回事。我糾正了這個鏈接。感謝您的提醒。 – Moob

好像你真正想要的是min-width

div{ 
    min-width:400px; 
    height:200px; 
    font-size:40px; 
}

來源

2014-03-01 12:05:05

回答

相關問題