消除input,button之間的間距


代碼:

效果:

問題:

input,button標簽之間出現了間距,這並不是我們所期望的。

解決方法:

1.在父級元素上設置屬性:font-size:0px;
將input父級字體(font-size)設為0px,可以消除間隔,但是得重新設置內聯元素(input)的字體大小;

2.去掉input,button標簽之間的空格

3.設置input為塊元素,並且給一個左浮動

效果:

原因:

input是內聯塊狀元素(inline-block);內聯元素是當做字體來處理的,字體之間是有間隔的,所以內聯元素之間也是有間隔的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM