我遇到了一个非常特定的问题,在任何地方似乎都没有得到解决。当我在包含元素上同时设置了固定的宽度和高度时,那么在该元素内部的任何文本只会垂直溢出,而不是水平溢出。
#container {
height:50px;
max-height:50px;
width:50px;
}
现在更奇怪的是,即使我在段落内包裹文本并在该段落上设置固定高度/最大高度(但不包括宽度!),宽度仍然具有优先权。文本选择不尊重其父元素上设置的高度,而是尊重其祖父元素上设置的宽度。
示例在此:http://jsfiddle.net/TgPRM/1377/ 我的问题是,为什么给定的宽度如此重要,并且我们可以做些什么让文本在水平方向上溢出而不是垂直方向上溢出?
编辑:我想保持“overflow:visible”,因此基于“overflow”属性的任何解决方案都无法解决我的问题。“White-space:nowrap”似乎是一个极端的解决方案,因为它甚至不考虑浏览器窗口尺寸(尝试非常长的文本)。因此,我接受了Evan的解决方案,因为它已经完全按照我期望的方式在我的示例中工作了。
white-space: nowrap;
。我不太确定你想要实现什么? - Sean Stopnikoverflow: hidden
来证明 BoltClock 的说法。一旦区域被填满,文本就会被隐藏。 - Katana314