1. 程式人生 > >父元素百分比 line-height設置文字居中

父元素百分比 line-height設置文字居中

line-height 百分比

當父元素設置高度為百分比的時候 line-height的值自然也就不能是定值 不能用絕對的px值 ,但是給line-height設置百分比,實際上這個百分比是根據字體大小計算的,還是無法得出具體的百分比,所以遇到這種情況只能另辟蹊徑,有兩種解決辦法:
1.給父元素設置display:flex;align-items:center;justify-content:center;
2.給父元素設置displa:table;需要居中的元素 設置 display:table-cell;vertical-align:middle;

父元素百分比 line-height設置文字居中