今天碰到這麼個需求，需要將左對齊的文字在介面的中間展示
如果文字的最大寬度是可控的，那很簡單，div寬度固定，設定margin-left，margin-right auto就行了。
……
……
總結：text-align可以改變行內元素的對齊（你想讓它飛左還是居中還是飛右，so easy），寬度可以自適應。
塊狀元素居中的方式 ：固定寬度+margin-left:auto;margin-right:auto;
行內元素居中的方式：令父元素的text-align:center;
下面這篇博文說的很好啦~
行內元素 塊狀元素 行內塊狀元素
頁面元素主要分為三類 塊元素 行內元素，行內塊元素。三者可以通過display進行相互轉換 display block 塊元素 display inline 行內元素 display inline block 行內塊元素 1 塊元素 塊狀元素代表性的就是div，其他如p h1 h6 ul ol dl...
行內元素 塊狀元素 內聯塊狀元素
行內元素 div,h1 h6,p,pre,ul,ol,li,form,table等 常見的行內元素 無法自動換行，無法設定寬高 有 a,img,span，i 斜體 em 強調 sub 下標 sup 上標 label等。常見的內聯塊狀元素 擁有內在尺寸，可設定高寬，不會自動換行 有 button,in...
塊狀元素和行內元素
1.塊級元素 2.行內元素 3.塊級元素與行內元素的區別 1 塊級元素會獨佔一行，其寬度自動填滿其父元素寬度 行內元素不會獨佔一行，相鄰的行內元素會排列在同一行，直至一行排不下才會換行，其寬度隨元素的內容而變化。2 塊級元素可以包含行內元素和塊級元素 行內元素不能包含塊級元素。3 行內元素設定wid...