多行文本更改其他div的位置

Question

我正在尝试修复包含多行文本的div旁边的div的位置。当entry-bot类只有一行文本时，一切看起来都很完美。不幸的是，我尝试使用overflow和text-wrap但没有取得任何成功。

代码：http://jsfiddle.net/UjAZD/1/

最终效果应如下所示：http://cl.ly/Qf3Z

Answer 1

您的卡片按基线排列，这就是为什么有两行描述的卡片“弹出”的原因。让我们按顶部对齐：

.category-view {
    vertical-align: top;
}

卡片的底部宽度不包括填充物，这就是容器宽度的原因。让开关盒型号：

.entry-bot {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

现在让我们看一下the result。