Question

在SASS中是否有办法让元素继承其兄弟高度，以便它们在水平线上对齐？

<div class="first">A bunch of content in here<div>
<div class="sibling"><div>

.first {
    height: auto;
    + second { 
       height: use .first height;
    }
}

Answer 1

不。想想SASS的工作方式 - 你的身高：auto会被编译成CSS height: auto。 Sass无法知道结果是什么数字，因此它无法为您的第二个元素分配特定值。（它只能再次分配height: auto，这可能是您想要的值，也可能不是。

Answer 2

你不能使它们具有相同的高度，但是你可以确保它们都在行内对齐，这可能会完成你想要的外观（很难确定你不知道你想要做什么）：

.aligned-row {
    display:flex;
    align-items:center;
}

这是较新的CSS，因此不完全向后兼容：

显示屏上的更多信息：flex可在此处找到：vertical-align with Bootstrap 3

CSS / SASS使用兄弟姐妹身高

2 个答案: