[译]如何使用CSS将所有内容居中-对齐Div,文本等

时间:2021-11-22 来源:未知网络 作者:996建站网

原文链接:freecodecamp.org/news/h
原文标题:How to Center Anything with CSS – Align a Div, Text, and More
译者:陈奕湫

如何使用CSS将所有内容居中-对齐Div,文本等

使事物居中是CSS最困难的方面之一。

这些方法本身通常并不难理解。相反的是有很多方法可以使事物居中。

您使用的方法可能会有所不同,具体取决于您尝试居中的HTML元素,还是将其水平或垂直居中。

在本教程中,我们将介绍如何在水平,垂直以及垂直和水平方向上将不同元素居中。

如何水平居中

水平居中通常比垂直居中更容易。以下是您可能需要水平居中的一些常见元素以及不同的处理方式。

如何使用CSS Text-Align Center属性将文本居中

要将文本或链接水平居中,只需将text-align属性值设置为center

<div class="container">
  <p>Hello, (centered) World!</p>
</div>
p {
  text-align: center;
}

[译]如何使用CSS将所有内容居中-对齐Div,文本等插图

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序