解決搜索框和搜索按鈕button邊框不能重合的問題
發(fā)布時間:2020-09-28 15:15:30 作者:always_die0
我要評論

這篇文章主要介紹了解決搜索框和搜索按鈕button邊框不能重合的問題,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
今天在用百度頁面做練習的時候突然發(fā)現(xiàn),盡管設置了搜索框和button的margin值和padding值各為0,他們倆的邊框還是不能重合(不想用position)
無奈之下問了老師,老師說設置他倆的父元素的font-size為0就行,因為父元素的文本內(nèi)容有個默認的font-size使得他倆的間距始終不能完全重合,所以設置font-size之后就完美解決,
但是由于標簽屬性可以繼承,還要注意子標簽中的文本內(nèi)容有沒有受到影響,如有影響自然是另外設置。
在Chrome的控制臺修改font-size的值時發(fā)現(xiàn)只要不為0,倆框就會分開到一個固定距離,無論值有多大都不變。
總結
到此這篇關于解決搜索框和搜索按鈕button邊框不能重合的問題的文章就介紹到這了,更多相關搜索框和搜索按鈕不能重合內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持腳本之家!
相關文章
- 一個文本框旁邊一個按鈕是很經(jīng)常用到的網(wǎng)頁內(nèi)容,比如搜索框等等,如何使用css對齊文本框和旁邊的圖像按鈕,下面有個比較不錯的解決方案,感興趣的朋友可以參考下2014-04-15