在引导网格中居中*ngFor生成的内容,可以通过以下步骤实现:
display: flex
来创建一个弹性容器。justify-content: center
将生成的内容在水平方向上居中。align-items: center
将生成的内容在垂直方向上居中。以下是一个示例代码:
<div class="grid-container">
<div class="grid-item" *ngFor="let item of items">
{{ item }}
</div>
</div>
.grid-container {
display: flex;
justify-content: center;
align-items: center;
}
.grid-item {
/* 样式设置 */
}
在上述示例中,.grid-container
是父容器的类名,.grid-item
是生成的内容的类名。通过将父容器应用Flexbox布局,并设置主轴和交叉轴的居中,可以实现在引导网格中居中*ngFor生成的内容。
腾讯云相关产品推荐:云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
领取专属 10元无门槛券
手把手带您无忧上云