技術標籤：CSScss

豎向居中：

line-height控制間距，即字元每行佔位寬度，字元會居佔位寬度中顯示，將line-height 設定成300px;即充滿整個邊框

<div style="height: 300px;width: 300px;border: gray solid">
    <p style="line-height: 300px;margin: 0;">123</p>
</div>

橫向居中：

將text-align設定成center

<div style="height: 300px;width: 300px;border: gray solid">
    <p style="margin: 0;text-align: center">123</p>
</div>
 

兩者結合效果：

<div style="height: 300px;width: 300px;border: gray solid">
    <p style="line-height: 300px;margin: 0;text-align: center">123</p>
</div>