Question

我有一个绝对定位的div，其中包含两行文本旁边的图像，以及两者之间的边距我希望图像的底部与第二行文本的底部对齐，或者与div的底部对齐。

这是一张显示它应该是什么样子的图片： image aligned with bottom of text http://www2.isw.com.au/home/sjleis/stuff.nsf/align-image-bottom.gif

这是我一直在使用的XHTML，但这会使图像与第一行文本的底部对齐而不是第二行：

<div style="position: absolute; bottom:0; right:0">  
  <img src="images/footer-subscribe.png" title="Subscribe to ISW news" alt="Subscribe to ISW news" style="vertical-align: bottom; margin-right: 25px"></img>  
  © Copyright 2011 ISW Australia<br/>Privacy Statement | Disclaimer  
</div>

我认为我可以使用CSS背景图像更轻松地定位图像，但它将成为一个链接。

Answer 1

只需将文字换成inline-block div：

即可

<div style="position: absolute; bottom:0; right:0">  
  <img src="images/footer-subscribe.png" title="Subscribe to ISW news" alt="Subscribe to ISW news" style="vertical-align: bottom; margin-right: 25px" />  
  <div style="display:inline-block;">© Copyright 2011 ISW Australia<br/>Privacy Statement | Disclaimer</div>
</div>

在绝对定位的div中将图像与2行文本的底部对齐？

1 个答案: