關于文字對齊

原理：利用em布局方式 + letter-spacing 屬性
1.給父元素設置固定寬度（如width:4rem）,并設置屬性text-align: center;

父元素設置屬性

2.子元素設置屬性letter-spacing，值為（父元素的固定寬度-當前字的個數）/當前字的個數-1

例如當前有兩個文字，則可以這樣寫

兩個文字

如果有三個文字，則

三個文字

此處子元素設置margin-right的原因是去除最后一個字的letter-spacing間隙，如有需要可不加。
多個文字，以此類推。

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,801評論 1贊 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標準。 注意：講述HT...
    kismetajun閱讀 27,712評論 1贊 45
  • HTML 5 HTML5概述 因特網上的信息是以網頁的形式展示給用戶的，因此網頁是網絡信息傳遞的載體。網頁文件是用...
    阿啊阿吖丁閱讀 4,068評論 0贊 0
  • 文字有一個基準線對齊 不是相對于底部或者頂部對齊
    逆流成河wsy閱讀 228評論 0贊 0
  • “那個人有古怪。”剛走出校門的項炎皺著眉，心里暗暗思襯著，“誒，先不管了，是禍躲不過，還有三天呢，我得先找份...
    孤影寒殤閱讀 146評論 0贊 0