html - div内的文本不会换行

Question

如此处所示：http: //jsfiddle.net/EhnuZ/顶部组的文本量很少，文本在图像的右侧。底部组是相同的，只是它里面有更多的文本。但是，这会导致文本移动到图像下方，而不是像我想要的那样换行。如何解决？我努力了：

white-space:normal;
word-wrap: break-word;
width:50%;
max-width:50%;

score 2 · Accepted Answer

您需要width为文本容器指定 a，否则它会自动尝试为 100% 的宽度。

.text{
         vertical-align:top;
         display:inline-block;
         width: 30%;
    }

score 1 · Accepted Answer

<p>如果该元素或其包含元素之一没有宽度，则浏览器的渲染引擎没有理由阻止元素扩展以填充其容器。

您想要做的是通过在其上设置 a widthor 来限制其父段落的宽度max-width

score 0 · Accepted Answer

0

您是否尝试过在图像上使用 float:left ？

于 2012-08-08T16:58:37.407 回答

3 回答 3