1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. CSS
  6. »
  7. CSS 文字必學屬性,讓多行文字左右對齊

CSS 文字必學屬性,讓多行文字左右對齊

2022/04/06

梅問題-CSS 文字必學屬性,讓多行文字左右對齊
  連假四天的假期,梅干除了跟家人一塊去掃勸墓外,剩下時間幾乎在家追劇耍廢,除此之外梅干也利用空閒時間,調整梅干所創立的申時七茶的版面,以往梅干都以桌機版為主,但發現到申時七茶的族群與教學網的大不同,透過手機瀏覽的族群近乎8~9成。

因此連假這四天,梅干則不斷的優化申時七茶的版面與文字區塊,但在版塊的微調過程中是比較容易的,但在文字對齊的部分,還真讓梅干傷透了腦筋,當文字中有使用到半形字符時,就會造成文字左右出現長短腳的問題,在試了許多種方法後,終於解決了文字長短腳問題,只需要一個對齊屬性,立即就能讓多行文字左右對齊啦!


Step1
一般我們最常使用到的文字對齊,不外乎就是齊左或齊右,雖然文字與文字都整整齊齊的對齊,但這時會發現到,文字的右邊則會參差不齊。
梅問題-CSS 文字必學屬性,讓多行文字左右對齊
Step2
這時候只要加入text-align:justify;這時文字立即左右就對齊啦!因此下回當遇到文字對齊的問題時,不妨可試試看囉!
梅問題-CSS 文字必學屬性,讓多行文字左右對齊