改变方向

<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

回答

相关问题