怎么使用vertical-align讓input元素與img元素對齊
發表時間:2024-05-06 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這次給大家帶來怎樣使用vertical-align讓input元素和img元素對齊,使用vertical-align讓input元素和img元素對齊的注意事項有哪些,下面就是實戰案例,一起來看一下。我們知道,如果將input和img放同一行,img標簽總是比input高出一個頭,非常難看。之前試過...
這次給大家帶來怎樣使用
vertical-align讓input元素和img元素對齊,使用vertical-align讓input元素和img元素對齊的
注意事項有哪些,下面就是實戰案例,一起來看一下。
我們知道,如果將input和img放同一行,img標簽總是比input高出一個頭,非常難看。之前試過好多方法,都不行。后來在網站搜到最多的就是給img添加一個align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標準。后來無意中發現同時給input和img添加vertical-align:middle就行:
代碼如下:
input,img{vertical-align:middle;}
這樣代碼就會規規矩矩地水平對齊了。
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
type="file"的input框樣式應該如何操作
HTML中head頭結構應該如何使用
怎樣利用iframe讓自己的網頁可以顯示天氣
以上就是怎樣使用vertical-align讓input元素和img元素對齊的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。