我是不使用表格来布置网页的新手,所以我很抱歉,如果这是一个非常简单的问题。
我正在尝试为要创建如下页面的页面创建标题:
-------------------------------------------
| | 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:absolute
和top:0
和bottom:0
放置在父对象中。