更改div的方向

绿色精灵
<div>
  <p>abcd efgh ijkl mno</p>
</div>

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

现在,如果内容的高度大于div高度,则内容会垂直从div出来。Div将宽度固定为400px,并且内容不会水平地从div中出来。我希望我的内容水平出现在div之外。对不起,我的英语不好。

提前致谢。

请参阅以下小提琴,其中内容尊重div的宽度而不是高度。

我想换一种方式,让内容尊重身高。

ob

当您使用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/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章