css怎么设置文本内容居中(CSS怎么设置文本居中)
生活随笔
收集整理的這篇文章主要介紹了
css怎么设置文本内容居中(CSS怎么设置文本居中)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本文操作環境:windows10系統、css 3、thinkpad t480電腦。
text-align 屬性規定元素中的文本的水平對齊方式。
常用屬性值:
-
left 把文本排列到左邊。默認值:由瀏覽器決定。
-
right 把文本排列到右邊。
-
center 把文本排列到中間。
-
justify 實現兩端對齊文本效果。
-
inherit 規定應該從父元素繼承 text-align 屬性的值。
舉個小例子:
<html>
<head>
<style type="text/css">
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
</style>
</head>
<body>
<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<h3>這是標題 3</h3>
</body>
</html>
登錄后復制
來看下效果:
相關視頻分享:css視頻教程
以上就是css怎么設置文本內容居中的詳細內容,更多請關注風君子博客其它相關文章!
總結
以上是生活随笔為你收集整理的css怎么设置文本内容居中(CSS怎么设置文本居中)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java代码_35个Java 代码优化细
- 下一篇: 金士顿 datatraveler写保护_