圖示文字水平對齊方法總結

看風景就發表於2017-10-22
1.偽元素寫圖示

<span class="text"></span>

.text:before{
  content:url(icon);
}

將圖示放在偽元素裡面,與文字對齊

2.flex

元素不能是inline,都是inline-block或block

3.模擬table

父元素display:table,子元素display:table-cell

相關文章