6

我有以下代码

  <div class="expense"><img class="money"/><span class="total"></span></div>

这将生成 div 并将图像放在一行上，并将 span 标签中的内容放在另一行上。我怎样才能把它们放在同一条线上？

4

4 回答 4

8

CSS：display: inline-block或display: inline

于 2012-12-09T07:11:17.173 回答
4

你也可以这样做：

<div class="expense" style="display:table-row">
    <img class="money" style="display:table-cell" />
    <span class="total" style="display:table-cell"></span>
</div>

这不是最整洁的，但它是另一种选择

于 2012-12-09T07:14:23.797 回答
2

您可以使用 vertical-align : super 来跨越。

于 2019-10-17T11:32:01.320 回答
0

你可以使用弹性：

.expense {
  display: flex;
  align-items: center;
}
于 2019-01-01T21:37:36.510 回答