我想摆脱 .center 中的 300px。我希望 main 下的所有 3 div/p 都居中。如果不固定宽度,我该怎么做?我希望 .tblInsideHere 上方的 div/p 更居中。 div/p 应该对齐,因为宽度相同(相同的文本)。然后 tblInsideHere 应该从前一个 div/p 的左边开始,结束到右边。我该如何居中呢?
CSS:
.main {
background-color:green;
width: 400px;
margin: 0 auto;
}
.center {
margin: 0 auto;
width: 300px;
background-color:pink
}
.tblInsideHere > div {
float: left;
}
html:
<div class="main">
<div class="center">
blah
<span> blah text</span>
<span> blah text</span>
</div>
<p class="center">
blah
<span> blah text</span>
<span> blah text</span>
</p>
<div class="tblInsideHere center">
<div>blah text blah text</div>
<div>blah text blah text</div>
</div>
</div>
最佳答案
很高兴为您提供帮助:)
.main {
background-color:green;
width: 400px;
margin: 0 auto;
}
.center {
text-align:center;
background-color:pink
}
.tblInsideHere > div{
display:inline-block;
}
关于css - 中心没有固定宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18777623/