input 與其他元素對齊

2021-09-12 12:22:03 字數 633 閱讀 1357

相信大家一定遇到過input與其他元素無法對齊的情況,不論type是text、radio、checkbox,由於input有其獨特的預設樣式,padding和border、行高、字型樣式等。

1.radio、checkbox型別:

2.text型別,移動端對齊問題居多,pc端沒對齊一般是由於input的padding和高度不一致造成的

3.input[type=text]和button的對齊:

input和button天然就會自動垂直居中對齊,行高預設等於其本身的高度,button預設的vertical-align對齊方式是baseline,將vertical-align設定為top、bottom、middle任意乙個值都能對齊(在他們的高度相同情況下),如需消除button和input的空隙,要麼**不換行,要麼設定它們父元素的font-size為0,要麼將button設定浮動。

程式設計與其他 一

剛剛無意看到最強大腦乙個人問另乙個人,英文本母中第18個字母是什麼,那人想了半天,扳手指頭數到第18個答出是r,但是接著問第26個字母是什麼呢,那人立刻答出 z。為什麼呢,因為大家都知道英文一共26個字母,而第26個即為最後乙個.因此我們幾乎都能立刻答出。於是我立刻聯想到這不就是資料結構中的陣列與鍊...

HTTPS與其他常用通訊

二 hart協議 三 rs232通訊 1 https的改進 1 雙向的身份認證,即客戶端檢查服務端證書,確認是否由自己信任的證書簽發機構簽發,服務端要求客戶端傳送證書,並檢查是否通過驗證。2 資料傳輸的機密性,客戶端和服務端在開始傳輸資料之前,會協商傳輸過程需要使用的加密演算法。2 https的優缺...

CString與其他型別的轉換

如何將cstring型別的變數賦給char 型別的變數 1 getbuffer函式 使用cstring getbuffer函式。char p cstring str hello p str.getbuffer str.getlength str.releasebuffer 將cstring轉換成ch...