這期內容當中小編將會給大家帶來有關html怎么設置文字居中，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

方法1：使用style屬性，添加“text-align:center;”樣式

HTML style屬性規定元素的行內樣式（inline style）

css text-align屬性規定元素中的文本的水平對齊方式，通過使用center值設置文本居中。

示例：

<pstyle="height:100px;border:1pxsolidred;text-align:center;">文本文字--水平居中</p>

效果圖：

方法2：使用style屬性，添加“vertical-align:middle;display:table-cell;”樣式

vertical-align:middle +display:table-cell能夠使單行文字、多行文字都居中。但是因為 table-cell 是 inline 類型，所以會導致原來的塊級元素每個 div 一行移動到了同一行。如果需要分列兩行，需要在外面額外添加容器對位置進行控制。

示例：

<divstyle="width:300px;height:300px;border:1pxsolidred;vertical-align:middle;display:table-cell;">
文本文字--垂直居中
</div>

效果圖：

總結

以上是生活随笔為你收集整理的html怎么设置文字居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。