在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 文本框和按鈕不對(duì)齊

文本框和按鈕不對(duì)齊

1.代碼：
clipboard.png

clipboard.png

2.瀏覽器顯示：
clipboard.png
3.問(wèn)題：為什么文本框和按鈕天然不對(duì)齊，是什么原因，不需要解答解決方法，我只是想知道原因？

回答
編輯回答
離人歸

1、button在高度計(jì)算上始終使用了Quirks模式。
2、在Quirks模式下，邊框的計(jì)算是在元素的寬度內(nèi)的，而不像標(biāo)準(zhǔn)模式一樣計(jì)算在外部，所以在text和button上同時(shí)設(shè)置邊框就會(huì)得到button的高度比text小的現(xiàn)象。
3、button的高度包含邊框的高度，而文本框text則不包含邊框高度。
將邊框都設(shè)置為none試一試

2017年12月14日 13:16
編輯回答
遲月

我沒(méi)加樣式寫(xiě) 是對(duì)齊的。。。

2017年9月23日 18:28
編輯回答
骨殘心

用浮動(dòng)應(yīng)該就能對(duì)齊了

2017年12月12日 03:07
編輯回答
尛憇藌

給兩個(gè)元素加vertical-align:middle;試一下
本來(lái)默認(rèn)就是對(duì)齊的：demo 你的css是怎么寫(xiě)的

2017年10月11日 07:59
編輯回答
柒喵

問(wèn)的樣式問(wèn)題。css代碼一句也不貼，這問(wèn)題問(wèn)的

2017年7月11日 13:49