修正Bootstrap的Checkbox、RadioButton之文字垂直對齊問題
Bootstrap的checkbox或radio後排文字垂直偏移的問題,已經困擾我很久了,原因是選項圖片並沒有與選項文字進行垂直置中對齊。今天剛好用空,把處理的方法筆記在此,讓有需要的人可以參考。
讓Bootstrap的單選、複選區塊文字置中
答案很簡單,只要在所屬HTML的label標籤上,加上下列屬性即可:
style="line-height:1.5"
以下偶數列是套用後的垂直對齊效果,奇數列代表未套用(原生):
偶數列渲染後看起來是不是舒服多了?