使用CSS样式和布局控制内容垂直和水平居中

使用CSS样式和布局控制内容垂直和水平居中代码：

.container {
display: flex;
flex-direction: column;
align-items: center; /* 水严居中*/
justify-content: center; /* 委直居中*/
text-align: center;
}

.dollar {
border-radius: 5px; /* 旅加圆急 */
background-color: #f2f2f;
}

示例代码截图：