程式設計雜筆

[程設雜筆] css button 使用 vertical-align解決雙行字對齊

今天寫網頁的時,候,遇到了一個蠻麻煩的問題。button裡的字長短不一,有些單行,有些得要寫成兩行。但在排版時,就會因為行數不一樣,造成排版上的歪掉。

具體情況如下:

https://jsfiddle.net/97bcy733/2/

解決辦法:加一個

vertical-align:middle;

如下:

https://jsfiddle.net/97bcy733/3/

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s