使用CSS/HTML/Angular居中组件的方法有多种,下面我将介绍其中几种常用的方法。
示例代码:
<div class="container">
<div class="centered-component">内容</div>
</div>
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.centered-component {
text-align: center;
}
示例代码:
<div class="container">
<div class="centered-component">内容</div>
</div>
.container {
position: relative;
height: 100vh;
}
.centered-component {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
示例代码:
<div fxLayout="row" fxLayoutAlign="center center" style="height: 100vh;">
<div>内容</div>
</div>
以上是几种常用的使用CSS/HTML/Angular居中组件的方法,根据具体情况选择适合的方法即可。
领取专属 10元无门槛券
手把手带您无忧上云