Question

我有这段代码

＆＃13;

<div>
  <div style="float:left">
      <h2>header</h2>
  </div>
  <span style="float:right; vertical-align: bottom">
          text2
  </span>
  <div class="clear:both"></div>
</div>

＆＃13;

我无法将text2垂直对齐到父div的底部。

怎么做？

Answer 1

可能您必须考虑更改您正在使用的元素，因为h2和span没有相同的默认用户代理样式。 h2将显示为大于/大于跨度并且跨度显得更轻。这就是为什么你看到它不被对齐

试试这个

`<div style="float:left">
    <h2>header</h2>
</div>
<div style="float:right; vertical-align: bottom">
        <h2> text2</h2>
</div>
<div class="clear:both"></div>`

文本与左侧对齐，另一个文本在不同高度的同一行上与右侧对齐

1 个答案: