1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html中两个div垂直居中对齐 将div中的两个元素垂直居中

html中两个div垂直居中对齐 将div中的两个元素垂直居中

时间:2023-08-11 11:02:46

相关推荐

html中两个div垂直居中对齐 将div中的两个元素垂直居中

我正在尝试垂直居中放置两个

元素。

我在上按照教程进行操作,但仍然将元素放置在div上方,div下方,在div中顶部对齐。

我会尝试其他方法,但是这里的大多数问题都只是指向该教程。

此代码段用于网页顶部的横幅。

.banner {

width: 980px;

height: 69px;

background-image: url(../images/nav-bg.jpg);

background-repeat: no-repeat;

/* color: #ffffff; */

}

.bannerleft {

float: left;

width: 420px;

text-align: right;

height: 652px;

line-height: 52px;

font-size: 28px;

padding-right: 5px;

}

.bannerright {

float: right;

width: 555px;

text-align: left;

position: relative;

}

.bannerrightinner {

position: absolute;

top: 50%;

height: 52px;

margin-top: -26px;

}

I am vertically centered

I should be

vertically centered

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。