這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)html怎么設(shè)置文字居中，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

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

HTML style屬性規(guī)定元素的行內(nèi)樣式（inline style）

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

示例：

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

效果圖：

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

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

示例：

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

效果圖：

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。