text 文本居中

 <text style="width: 3rem;height: 3rem;line-height: 3rem; 
border-radius: 50%;background-color: red;color: white;
margin: auto;text-align: center;">預約 </text>

1 文本自身居中 水平居中text-align: center;  垂直居中height: 3rem;line-height: 3rem;

垂直居中讓line-height=height

2 文本垂直居中父容器margin: auto;

水平垂直方向  都自動居於在剩餘空間的中間