這篇文章主要講解了“css如何設置文本左對齊”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“css如何設置文本左對齊”吧!
創新互聯建站于2013年開始,先為德惠等服務建站,德惠等地企業,進行企業商務咨詢服務。為德惠企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
在css中,可以利用text-align屬性來設置文本左對齊,只需要給文字所在標簽添加“text-align:left”樣式即可。text-align屬性用于指定元素中的文本的水平對齊方式,當值為left時可把文本排列到左邊。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中,可以通過給文字所在標簽添加“text-align:left”樣式來設置文本左對齊。text-align屬性用于指定元素中的文本的水平對齊方式,當值為left時可把文本排列到左邊。
text-align屬性的可能值:
left 把文本排列到左邊。默認值:由瀏覽器決定。
right 把文本排列到右邊。
center 把文本排列到中間。
justify 實現兩端對齊文本效果。
下面通過代碼示例來具體看看:
<!DOCTYPE html> <html> <head> <style type="text/css"> h2 { text-align: center } h3 { text-align: left } h4 { text-align: right } </style> </head> <body> <h2>這是居中對齊</h2> <h3>這是左對齊</h3> <h4>這是右對齊</h4> </body> </html>
效果圖:
感謝各位的閱讀,以上就是“css如何設置文本左對齊”的內容了,經過本文的學習后,相信大家對css如何設置文本左對齊這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創新互聯,小編將為大家推送更多相關知識點的文章,歡迎關注!
網站題目:css如何設置文本左對齊
當前鏈接:http://vcdvsql.cn/article24/jhjeje.html
成都網站建設公司_創新互聯,為您提供Google、營銷型網站建設、商城網站、域名注冊、App開發、微信小程序
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯