您好,登錄后才能下訂單哦!
這篇文章給大家介紹html中如何讓文字居中,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
兩種情況:1、文本格式居中;2、文本所在標簽居中顯示在窗口中。
1、給文本所在標簽加CSS屬性值"text-align:center"即可。例如:
<p style="text-align:center">我是文本,居中顯示</p>
2、有很多種方法,這里介紹兩種,例如:
1)(建議)文本應該被 行內標簽或行內塊級標簽 包裹,行內標簽或行內塊級標簽又被 塊級標簽包裹。此種方式 文本格式 會居中。若想 文本格式 不居中,可在行內標簽或行內塊級標簽中加CSS屬性值"text-align:left"或其他。
<div style="text-align:center"> <!-- 塊級標簽 --> <span>我是文本所在標簽1,文本居中顯示<span> <!-- 行內標簽 --> <div style="display:inline-block;">我是文本所在標簽2,文本居中顯示</div> <!-- 行內塊級標簽 --> </div>
2)文本被塊級標簽包裹。為塊級標簽設置寬度,并加上CSS屬性值" margin:0 auto"。此種方式 文本格式 不會居中。若想 文本格式 也居中,可在塊級標簽加CSS屬性值"text-align:center"。
<div style="width: 100px; margin:0 auto">我是文本所在標簽,文本居中顯示</div>
html的全稱為超文本標記語言,它是一種標記語言,包含了一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動畫、聲音、表格、鏈接等,主要和css+js配合使用并構建優雅的前端網頁。
關于html中如何讓文字居中就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。