Question

我有两个需要相互浮动的部门。右边有一个图像，左边有一个图像。我想要的是文本在左侧分区中垂直对齐。如果我设置一个行高，我可以让它工作，但这会导致需要文本换行的分辨率出现问题。

我似乎无法弄清楚如何对其进行排序。

<div style="width: 100%;">
  <div style="float: left;  width: 78%; display: inline-block; vertical-align: middle; line-height: 150px;">Text</div>
  <div style="float: right; width: 22%; display: inline-block;">
    <img alt="" src="path" style="width: 120px; height: 148px;" />
  </div>
</div>

Answer 1

我会使用function conditionFun(element, index, array) { return element >= 10; } filtered = [12, 5, 8, 130, 44].filter(conditionFun);和display: table：

display: table-cell

.table {
  display: table;
  width: 100%;
}
.td {
  display: table-cell;
  vertical-align: middle;
}

无论文本的长度如何，这都会有效。

在浮动分区

1 个答案: