gpt4 book ai didi

css - 如何..中间的三个 div 在中心以及是否调整导航器的大小

转载 作者:行者123 更新时间:2023-11-28 13:50:38 24 4
gpt4 key购买 nike

对不起我的英语。

拜托,我的 div 有问题,我有 3 个水平“带图像”的 div,图像必须放在一起。

如果屏幕足够大,这里是默认 View 。 Start

如果调整导航器的大小,我会失去与#div2 的中心。 #div1 向左对齐,这不是我需要的。 Problem

我需要的是#div2 保持居中,但我不知道该怎么做。 #div1 和#div3 在导航器之外,没有一个 div 可以调整大小,是固定大小。 What i want

html代码:

<body id="body">
<div id="wrap">
<div id="baseLeftBg">
</div>
<div id="baseContent">
</div>
<div id="baseRightBg">
</div>
</div>
</body>

CSS代码:

#body {
text-align: center;
height: 100%;
margin: 0 auto;
padding: 0px;
background: #ffffff;
-moz-background-size: cover;
background-size: cover;
float: inherit;
}

#wrap {
width: 1484px;
margin: 0 auto;
text-align:center;
}

#baseLeftBg {
margin-top: 60px;
background: #CDCDCD;
width: 286px;
height: 776px;
float: left;
}

#baseContent {
margin-top: 60px;
background: #A7A7A7;
width: 911px;
height: 776px;
float: left;
}

#baseRightBg {
margin-top: 60px;
background: #CDCDCD;
width: 286px;
height: 776px;
float: left;
}

我该怎么做?

Fiddle 链接:http://jsfiddle.net/murb83/BChLs/

谢谢!!

最佳答案

使包装器的文本居中对齐会很有帮助。这将在中心显示元素。

#wrap { 
width: 1484px;
margin: 0 auto;
text-align:center;
}

关于css - 如何..中间的三个 div 在中心以及是否调整导航器的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11412172/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com