一，文字垂直居中vertical-align:middle;
1.為什么沒效果呢？
one.png
two.png
因為vertical-align屬性只對行內(nèi)元素有效
2.為什么設(shè)置(display:inline-block;)還是沒效果呢懂缕？
yi.png
er.png
因為將只是將對象呈遞為內(nèi)聯(lián)對象及塘，但是對象的內(nèi)容還是作為塊對象呈遞术陶。說的通俗點燎字，就是你設(shè)置的當(dāng)前div屬性還是塊對象呈遞，但是允許同一級別的div在同一行內(nèi)勾笆，也可以設(shè)置寬度和高度敌蚜！
3.設(shè)置display:table-cell，將塊元素轉(zhuǎn)化為單元格
2.png
3.png
二窝爪，文字兩端對齊(text-align:justify)
注意：text-align不會處理被打斷的行和最后一行弛车。如果文字只占了一行齐媒，也就是最后一行了，text-align設(shè)置為justify不會產(chǎn)生任何效果
1.png
tu.png
解決辦法：
1.加span空標(biāo)簽
span是inline-block纷跛，設(shè)置寬度100%喻括，那么這個時候span+文字的寬度就超過行盒了，瀏覽器會將其拆成兩行贫奠。
one.png
two.png
2.加after
3.png
two.png
參考鏈接（https://www.cnblogs.com/tangchangcai/p/7774056.html ）
參考鏈接（https://blog.csdn.net/zhuobin_tian/article/details/70169664）
