女同一区二区三区在线-日本伊人久久综合网-国产日韩欧美mv高清-国产精品亚洲精品日韩已满十八小-亚洲精品色午夜无码专区日韩-亚洲精品无码成人片久久不卡-亚洲国产一级中文字幕-亚洲综合国产成人丁香五月激情-日韩精品一区二区三区在线观看l

text-align

語法：

text-align：start | end | left | right | center | justify | match-parent | justify-all

默認(rèn)值：start

適用于：塊容器

繼承性：有

動(dòng)畫性：否

計(jì)算值：指定值，除 match-parent 值外

取值：

left：
內(nèi)容左對(duì)齊。
center：
內(nèi)容居中對(duì)齊。
right：
內(nèi)容右對(duì)齊。
justify：
內(nèi)容兩端對(duì)齊，但對(duì)于強(qiáng)制打斷的行（被打斷的這一行）及最后一行（包括僅有一行文本的情況，因?yàn)樗仁堑谝恍幸彩亲詈笠恍校┎蛔鎏幚怼＃–SS3）
start：
內(nèi)容對(duì)齊開始邊界。（CSS3）
end：
內(nèi)容對(duì)齊結(jié)束邊界。（CSS3）
match-parent：
這個(gè)值和 inherit 表現(xiàn)一致，只是該值繼承的 start 或 end 關(guān)鍵字是針對(duì)父母的 <' direction '> 值并計(jì)算的，計(jì)算值可以是 left 和 right 。（CSS3）
justify-all：
效果等同于 justify，但還會(huì)讓最后一行也兩端對(duì)齊。（CSS3）

說明：

設(shè)置或檢索對(duì)象中內(nèi)容的水平對(duì)齊方式。
  • 塊級(jí)元素的文本是一些堆疊的線框
  • 大部分瀏覽器要使得 <' text-align '> 的justify兩端對(duì)齊生效，需要在漢字間插入有空白，如空格；
  • 塊內(nèi)的最后一行文本（包括塊內(nèi)僅有一行文本的情況，這時(shí)既是第一行也是最后一行）及被強(qiáng)制打斷的行，其兩端對(duì)齊需使用 <' text-align-last '>；
  • IE瀏覽器下，如果 <' text-align-last '> 要生效，必須先定義 <' text-align '> 為justify；
  • 單行兩端對(duì)齊效果變得比較簡(jiǎn)單：

    css code：

    li{overflow:hidden;width:200px;height:21px;text-align:justify;text-align-last:justify;}
li:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';}

    html code：

    <ul>
	<li>我 是 誰</li>
	<li>你 又 是 誰</li>
	<li>世 界 末 日 2012</li>
</ul>

    以上代碼3個(gè)li中的內(nèi)容都將兩端對(duì)齊

    需注意幾點(diǎn)：
    • 所有主流瀏覽器都支持 text-align 的 justify 屬性值；
    • text-align不處理強(qiáng)制打斷的行，也不處理塊內(nèi)的最后一行，換句話說，如果塊內(nèi)僅有一行文本（該行既是第一行也是最后一行），這時(shí)僅設(shè)置text-align:justify無法讓該行兩端對(duì)齊；
    • text-align-last 是用來處理塊內(nèi)的最后一行和強(qiáng)制打斷的行的，所以當(dāng)要設(shè)置單行文本兩端對(duì)齊時(shí)，需使用該屬性；
    • 大部分瀏覽器要使得兩端對(duì)齊生效，需在文本間插入空白，如空格（如果一行僅有2個(gè)漢字，F(xiàn)irefox也需在之間插入空白）；
    • 大部分瀏覽器尚不支持 text-align-last；
    依據(jù)上述的點(diǎn)，要實(shí)現(xiàn)單行兩端對(duì)齊，可以走2個(gè)方向：
    1. 由于所有瀏覽器都支持 text-align 的 justify 屬性值，但不全支持 text-align-last，我們可以對(duì)非IE及IE7以上瀏覽器使用偽對(duì)象生成額外的內(nèi)容（IE7及以下瀏覽器不支持偽對(duì)象，使用text-align-last處理），置于第二行并將其隱藏，這時(shí)第一行文本（即要對(duì)齊的那個(gè)單行文本）可使用text-align:justify來對(duì)齊
    2. 支持 text-align-last 的瀏覽器，如IE, Firefox使用 text-align-last 處理，不支持的瀏覽器使用如上述方法處理；

    所以就目前情況來看，使用第一種方案是比較簡(jiǎn)約的，可以輕易的兼容IE5.5-10, Firefox, Chrome, Safari, Opera

    查看 css兩端對(duì)齊詳解 css兩端對(duì)齊效果demo

  • 對(duì)應(yīng)的腳本特性為textAlign。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
start 6.0-11.0 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
end 6.0-11.0 2.0-3.5 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
3.6+
justify 6.0-11.0 #1 2.0+ #2 4.0-40.0 #1 6.0+ 15.0-27.0 #1 6.0+ 2.1-4.4.4 #1 18.0-39.0 #1
41.0+ 28.0+ 40.0+
match-parent 6.0-11.0 2.0-37.0 4.0-41.0 6.0-8.0 15.0-27.0 6.0-8.3 2.1-4.4.4 18.0-40.0
justify-all 6.0-11.0 2.0-37.0 4.0-41.0 6.0-8.0 15.0-27.0 6.0-8.3 2.1-4.4.4 18.0-40.0
  1. 如果要使得兩端對(duì)齊生效，需要在單詞之間添加空白，如空格
  2. 如果一行僅有2個(gè)漢字，較低版本的Firefox也需在之間插入空白

示例：