close
Blogtrottr
♣梅問題‧教學網【Minwt】♣
3C|設計|攝影|旅遊 資訊網 
《CSS3 text-justify》文字左右貼齊適用各瀏覽器
Nov 17th 2014, 00:00, by admin

梅問題-《CSS3 text-justify》文字左右貼齊適用各瀏覽器
  網頁文字大部分不是齊左、齊右、齊中,而在CSS中還有一個是左右貼齊,這個屬性使用的機會比較少些,原因則在於該屬性只支援IE瀏覽器,甚至用了之後文字的間距就會強制被拉開來,有時在閱讀上不是那麼的方便,所以梅干對於該屬性也沒多加的涉略,而那天早上好友突然問到,怎麼讓文字左右貼齊,並且可支援各家瀏覽器,才讓梅干對這屬性有了更進步的了解,但卻也才知道,原來都是Chrome,在Windows與MAC下,一樣的Chrome版本的瀏覽器,在支援度卻大不同,讓梅干花了點時間,終於搞定了所有的瀏覽器,因此有需要的朋友,直接貼上就可使用啦!至於怎麼作現在就一塊來看看吧!!
放在.....之間:
當要使此屬性時,一定要是一個區塊才可以。

接下來重要的地方來了,當使用中文字時,每個字與字間,要用半形的空白隔開,這樣才能將文字展開,當沒空白時,在Windows下的Chrome瀏覽器會沒有反應。
梅問題-《CSS3 text-justify》文字左右貼齊適用各瀏覽器
這是在MAC平台下的Chrome、Firefox、Safari都能正常的顯示。
梅問題-《CSS3 text-justify》文字左右貼齊適用各瀏覽器
這是在Windows平台下的Chrome、Firefox、IE也能正常的顯示。
梅問題-《CSS3 text-justify》文字左右貼齊適用各瀏覽器
[範例預覽]


This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 xals2q 的頭像
    xals2q

    2015花千骨線上看tv 2016花千骨 花千骨線上看drama q 花千骨線上看drama 仙俠奇緣之花千骨線上看 花千骨線上看tv543 電視劇花千骨線上看 花千骨線上看第一集

    xals2q 發表在 痞客邦 留言(0) 人氣()