在項(xiàng)目中遇到過(guò)中間文字，兩邊橫線的布局，如下圖：

兩邊橫線我們可以使用標(biāo)簽的上邊框或者下邊框，然后對(duì)中間的文字使用 vertical-align 屬性來(lái)控制。

html

CSS

在css樣式中使用 vertical-align: middle，然后就發(fā)現(xiàn)跟UI圖有一點(diǎn)點(diǎn)區(qū)別，橫線沒(méi)有完全在文字的中間 

查找 vertical-align 的屬性就會(huì)發(fā)現(xiàn)有l(wèi)ength 和 % 兩個(gè)屬性