Question

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

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

现在，如果内容的高度大于div高度，则内容会垂直地从div中出来。 Div将宽度固定为400px，内容不会水平地从div中取出。我希望我的内容水平地脱离div。抱歉我的英语不好。

提前感谢。

请参阅以下fiddle，其中内容尊重div的宽度..而不是高度。

我想要内容尊重高度的另一种方式。

Answer 1

看起来像你真正想要的是min-width

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

Answer 2

当您对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/

改变div的方向

2 个答案: