代碼:
效果:
問題:
input,button標簽之間出現了間距,這並不是我們所期望的。
解決方法:
1.在父級元素上設置屬性:font-size:0px;
將input父級字體(font-size)設為0px,可以消除間隔,但是得重新設置內聯元素(input)的字體大小;
2.去掉input,button標簽之間的空格
3.設置input為塊元素,並且給一個左浮動
效果:
原因:
input是內聯塊狀元素(inline-block);內聯元素是當做字體來處理的,字體之間是有間隔的,所以內聯元素之間也是有間隔的。