這期內容當中小編將會給大家帶來有關html怎么設置文字居中，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
方法1：使用style屬性，添加“text-align:center;”樣式
HTML style屬性規定元素的行內樣式（inline style）
css text-align屬性規定元素中的文本的水平對齊方式，通過使用center值設置文本居中。
示例：
<p style="height: 100px; border: 1px solid red;text-align: center;">文本文字--水平居中</p>
效果圖：
方法2：使用style屬性，添加“vertical-align:middle;display:table-cell;”樣式
vertical-align:middle +display:table-cell能夠使單行文字、多行文字都居中。但是因為 table-cell 是 inline 類型，所以會導致原來的塊級元素每個 div 一行移動到了同一行。如果需要分列兩行，需要在外面額外添加容器對位置進行控制。
示例：
<div style="width: 300px;height: 300px;border: 1px solid red;vertical-align:middle;display:table-cell;"> 文本文字--垂直居中 </div>
效果圖：
上述就是小編為大家分享的html怎么設置文字居中了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
