<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # CSS text-align 屬性 ## 實例 設置 h1、h2、h3 元素的文本對齊方式: ``` h1 {text-align:center} h2 {text-align:left} h3 {text-align:right} ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 text-align 屬性。 注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。 ## 定義和用法 text-align 屬性規定元素中的文本的水平對齊方式。 該屬性通過指定行框與哪個點對齊,從而設置塊級元素內文本的水平對齊方式。通過允許用戶代理調整行內容中字母和字之間的間隔,可以支持值 justify;不同用戶代理可能會得到不同的結果。 | 默認值: | 如果 direction 屬性是 ltr,則默認值是 left;如果 direction 是 rtl,則為 right。 | | --- | --- | | 繼承性: | yes | | --- | --- | | 版本: | CSS1 | | --- | --- | | JavaScript 語法: | _object_.style.textAlign="right" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | left | 把文本排列到左邊。默認值:由瀏覽器決定。 | | right | 把文本排列到右邊。 | | center | 把文本排列到中間。 | | justify | 實現兩端對齊文本效果。 | | inherit | 規定應該從父元素繼承 text-align 屬性的值。 | ### 值 justify 最后一個水平對齊屬性是 justify,它會帶來自己的一些問題。 值 justify 可以使文本的兩端都對齊。在兩端對齊文本中,文本行的左右兩端都放在父元素的內邊界上。然后,調整單詞和字母間的間隔,使各行的長度恰好相等。您也許已經注意到了,兩端對齊文本在打印領域很常見。不過在 CSS 中,還需要多做些考慮。 要由用戶代理(而不是 CSS)來確定兩端對齊文本如何拉伸,以填滿父元素左右邊界之間的空間。例如,有些瀏覽器可能只在單詞之間增加額外的空間,而另外一些瀏覽器可能會平均分布字母間的額外空間(不過 CSS 規范特別指出,如果 [letter-spacing 屬性](pr_text_letter-spacing.asp "CSS letter-spacing 屬性")指定為一個長度值,“用戶代理不能進一步增加或減少字符間的空間”)。還有一些用戶代理可能會減少某些行的空間,使文本擠得更緊密。所有這些做法都會影響元素的外觀,甚至改變其高度,這取決于用戶代理的對齊選擇影響了多少文本行。 CSS 也沒有指定應當如何處理連字符(注1)。大多數兩端對齊文本都使用連字符將長單詞分開放在兩行上,從而縮小單詞之間的間隔,改善文本行的外觀。不過,由于 CSS 沒有定義連字符行為,用戶代理不太可能自動加連字符。因此,在 CSS 中,兩端對齊文本看上去沒有打印出來好看,特別是元素可能太窄,以至于每行只能放下幾個單詞。當然,使用窄設計元素是可以的,不過要當心相應的缺點。 注1:CSS 中沒有說明如何處理連字符,因為不同的語言有不同的連字符規則。規范沒有嘗試去調和這樣一些很可能不完備的規則,而是干脆不提這個問題。 ## TIY 實例 [對齊文本](/tiy/t.asp?f=csse_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_text.asp "CSS 文本") HTML DOM 參考手冊:[textAlign 屬性](/jsref/prop_style_textalign.asp "HTML DOM textAlign 屬性")
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看