如何将Angular materials复选框与div内不同的文本大小垂直对齐，并将它们保持在div的中间

Question

以下是stackbliz显示问题：https://stackblitz.com/edit/angular-addm8z-rng1eb?file=app/checkbox-概述-示例.css

问题图片
预期

Answer 1

您需要将宽度设置为cb-wrapper。

即

.cb-wrapper
{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100px;
margin: auto;
}