我有一個文本輸入框,並直接在它旁邊是一個按鈕。問題是當按鈕字體大小和輸入框字體大小不同時,按鈕將無法正確對齊。如何保持一個按鈕水平居中與輸入,如果他們有不同的字體大小?
Ex - 不同的字體大小。請注意該按鈕的底部延伸過去的輸入框比頂部
input{
font-size:20px;
}
.btn {
padding: 8px 12px;
font-size: 14px;
border-radius: 2px;
}
<input>
<button class="btn btn-primary m-l">Add</button>
防爆更多:同字體大小:按鍵排列:
input{
font-size:20px;
}
.btn {
padding: 8px 12px;
font-size: 20px;
border-radius: 2px;
}
<input>
<button class="btn btn-primary m-l">Add</button>
我去了這個答案,因爲它不需要flex。此外,我甚至不需要設置輸入高度 – apdm
太棒了,很高興它有幫助。 – sol