垂直对齐不适用于div

时间:2014-09-14 15:43:40

标签: css3 vertical-alignment

我在页面底部有一个包含背景图片和文字的版权div。我将此div显示为具有vertical-align:middle的表格单元格,但文本显示在div的顶部而不是底部。这是页面:http://www.mawk3y.net/ammar/rawt/

.copyright {
color: #000;
font-family: tahoma;
font-size: 11px;
width: 120px;
height: 61px;
text-align: center;
background: url('../images/footer_logo.png') no-repeat center top;
vertical-align: bottom;
display: table-cell;
float: left;
margin-top: 13px;
margin-left: 270px;
padding: 0;
margin-bottom: 0;
}

1 个答案:

答案 0 :(得分:3)

您使用背景图片作为徽标,
显示文字"下面"分配

padding-top:50px;

copyright 元素。这是结果:

enter image description here