在項目中遇到過中間文字,兩邊橫線的布局,如下圖:
兩邊橫線我們可以使用標(biāo)簽的上邊框或者下邊框,然后對中間的文字使用 vertical-align 屬性來控制。
html
CSS
在css樣式中使用 vertical-align: middle,然后就發(fā)現(xiàn)跟UI圖有一點點區(qū)別,橫線沒有完全在文字的中間
查找 vertical-align 的屬性就會發(fā)現(xiàn)有l(wèi)ength 和 % 兩個屬性