1

这是我遇到的一个棘手问题，我找不到最佳解决方案。这是页面：

https://waaave.com/tutorial/android/android-ics-for-your-htc-desire/

如您所见，绿色的 div 元素溢出了用户配置文件。我不想使用 margin-left 来对齐它，因为它会改变其他绿色元素的位置，我想在它们之间保持一个共同的结构（这意味着我不想添加一个新类对齐这个绿色元素）。我想设计一个干净的解决方案，并使这个绿色元素在第一部分（用户配置文件旁边）和第二部分（用户配置文件下方）中自动对齐，并且只使用 css（我希望这个解决方案与JavaScript 停用）。

溢出元素

这是这个 div 的主要类（其他只是边距顶部和底部调整）：

.block-info {
    display: block;
    margin: 10px 0 0;
    padding-bottom: 3px;
    border-left: 28px solid $green;
    .icon-block, .text-block {
        display: block;
    }
    .icon-block {
        float: left;
        margin-top: 5px;
        margin-left: -23px;
    }
    .text-block {
        padding-left: 18px;
    }
    + br {
        display: none;
    }
}

如果有人有想法。

4

1 回答 1

1

设置.block-info为display: table和它的孩子display:table-cell（这可能不需要，但我相信应该这样做是为了正确），它的行为应该更像你期望的那样。

截屏

于 2013-11-04T09:47:52.943 回答