Question

为什么页脚中的文本会在div的中间高度处获胜？真的没有人解释如何正确地使文本坐在div的中间（高度方向），希望这也将修复页面底部的白色间距，因为我认为这是由于文本被压下

HTML

<div class="yellowfooterbackground">
    <div class="yellowfootercontent">
        <div class="yellowfootercontentleft">
            <p>IPS Fire & Security is a trading name of IPS Facilities - <u><a href="Terms-And-Conditions.html">Terms & Conditions</a></u></p>
        </div>
        <div class="yellowfootercontentright">
            <p> Web Design & SEO by Raven </p>
        </div>
    </div>
</div>

CSS

.yellowfootercontent {
    height: 30px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;  
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:12px;
}

.yellowfootercontentleft {
    height: 30px;
    width: 475px;
    float: left;
    text-align: left;
}

.yellowfootercontentright {
    height: 30px;
    width: 475px;
    text-align: right;
    float: right;
}

以上是上述代码的小提琴：Fiddle

Answer 1

您可以使用line-height：

.yellowfootercontent {
  height: 30px;
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  line-height: 5px;
}

<强>参考

line-height

Answer 2

试试这个

.yellowfootercontentright {
 height: auto;
 width: 475px;
 margin-right: 20%;
 margin-left: 20%;
 line-height: 4px;
 }

行高将解决高度问题。

Answer 3

.yellowfottercontent，text-align您已应用为“左”，它应该是居中以使文本居中。

.yellowfootercontentleft {
height: 30px;
width: 475px;
float: left;
text-align: center;
 }

还有一件事，它也取决于你将给予div的高度，例如检查这个小提琴

text at center

这里的高度为50px，边距为10px，这意味着，边距为10px的空间，这有助于文本成为div的中心

让我知道

如何让文本进入div中间？

3 个答案: