<menu id="a2esi"><strong id="a2esi"></strong></menu>
  • <nav id="a2esi"></nav>
    學校總部  | 設為首頁 | 加入收藏 | 官方微信
    內威培訓
    打造“培訓+就業”一站式服務品牌!
    banner1
    • Python+AI工程師
    • Web前端工程師
    • Java軟件開發工程師

    首頁>>學員天地

    CSS實現文本兩端對齊效果
    編輯:simon  閱讀:2723次  發布:14-03-24

    讓一行內的文字兩端對齊顯示,CSS中只需按如下方式設置text-align和text-justify屬性即可。
    1)text-align:即text-align:justify;
    2)text-justify:其參數值值及含義為:
      auto:允許瀏覽器用戶代理確定使用的兩端對齊法則
      inter-word:通過增加字之間的空格對齊文本。該行為是對齊所有文本行最快的方法。它的兩端對齊行為對段落的最后一行無效
      newspaper:通過增加或減少字或字母之間的空格對齊文本。是用于拉丁文字母表兩端對齊的最精確格式
      distribute:處理空格很像newspaper,適用于東亞文檔。尤其是泰國
      distribute-all-lines:兩端對齊行的方式與distribute相同,也同樣不包含兩段對齊段落的最后一行。適用于表意字文檔
      inter-ideograph:為表意字文本提供完全兩端對齊。他增加或減少表意字和詞間的空格

    注意: text-justify屬性只適應于div,hn和p元素。

    實例:
    <style>
    .w1{width:500px;}
    .a1{background:#00FF00;text-align:justify;text-justify:inter-ideograph;}
    .a2{background:#FFFF00;}
    </style>

    <p>原效果:</p>
    <div class="w1 a2">上海內威職業技能培訓學校是一所在上海市人力資源和社會保障局主管下,以Computer類技能培訓為特色的社會力量辦學機構,辦學層次較高。學校目前所開設的培訓項
    目均是市場最緊缺的項目,能極大地滿足廣大學員的培訓要求,且大多數項目享受政府補貼。
    </div>

    <p>兩端對齊后產效果:</p>
    <div class="w1 a1">
    上海內威職業技能培訓學校是一所在上海市人力資源和社會保障局主管下,以Computer類技能培訓為特色的社會力量辦學機構,辦學層次較高。學校目前所開設的培訓項目均是市場最緊缺的
    項目,能極大地滿足廣大學員的培訓要求,且大多數項目享受政府補貼。
    </div>



    上一篇: 解決eWebEditor在IE8下圖片上傳等按鈕不能使用的方法   下一篇: 解決span float:right不能右對齊而是換行顯示
    返回列表
    網絡大專、自考本科,學歷輕松拿!
    ©2016-2020 上海內威職業技能培訓學校 版權所有
    普陀區武寧路1500號中樓2-3層(郵編:200062)
    咨詢:021-62434966  合作:021-13371929650  就業:021-62434966  傳真:  電郵:service@snetway.com
    《中華人民共和國電信與信息服務業務》經營許可證滬ICP備15002602號 
    <menu id="a2esi"><strong id="a2esi"></strong></menu>
  • <nav id="a2esi"></nav>
    本溪娱网棋牌