我是不使用表格来布置网页的新手,所以我很抱歉,如果这是一个非常简单的问题。

我正在尝试为要创建如下页面的页面创建标题:

-------------------------------------------
|       | Some big text                   |
|  img  |                                 |
|       | Some smaller text               |
-------------------------------------------


目前,我有以下div,但它不能像我想要的那样将小文本底部对齐:

<div style="height:50px;">
    <img src="img.jpg" style="vertical-align:middle; height:100%; float:left"/>
    <div style="vertical-align:top;">BigText</>
    <div style="vertical-align:bottom;">SmallText</div>
</div>


我应该怎么做?

谢谢!

最佳答案

我的版本:http://jsfiddle.net/gT6ze/

或者,可以将position:relative用于容器div,为其设置padding:60px,然后使用position:absolute; top:0; left:0;在其中放置图像。这样,带有文本的div元素也可以通过设置position:absolutetop:0bottom:0放置在父对象中。

10-05 20:47
查看更多