css里面div如何居中顯示文字-創新互聯

這篇文章主要介紹了css里面div如何居中顯示文字，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創新互聯建站專注于企業成都全網營銷推廣、網站重做改版、成華網站定制設計、自適應品牌網站建設、HTML5建站、成都商城網站開發、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為成華等各大城市提供網站開發制作服務。

css里面div居中顯示文字的實現方法：首先創建一個HTML示例文件；然后在body中添加div文字；最后通過為文字所在div添加“text-align:center”樣式來設置div中文字居中即可。

可以通過為文字所在div添加text-align:center樣式來設置div中文字居中。

text-align 屬性規定元素中的文本的水平對齊方式。

該屬性通過指定行框與哪個點對齊，從而設置塊級元素內文本的水平對齊方式。通過允許用戶代理調整行內容中字母和字之間的間隔，可以支持值 justify；不同用戶代理可能會得到不同的結果。

屬性值：

left 把文本排列到左邊。默認值：由瀏覽器決定。
right 把文本排列到右邊。
center 把文本排列到中間。
justify 實現兩端對齊文本效果。
inherit 規定應該從父元素繼承 text-align 屬性的值。

示例：

<html>
<head>
<style type="text/css">
div  {
width: 200px;
border: 1px solid red;
text-align: center;
}
</style>
</head>
<body>
    <div>
示例文字
        </div>
</body>
</html>

效果如下：

css里面div如何居中顯示文字

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css里面div如何居中顯示文字”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯網站建設公司，，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

當前文章：css里面div如何居中顯示文字-創新互聯
網頁網址：http://m.2m8n56k.cn/article18/dodpgp.html

成都網站建設公司_創新互聯，為您提供做網站、搜索引擎優化、網頁設計公司、品牌網站設計、網站維護、App設計

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

css里面div如何居中顯示文字-創新互聯