如何使用vertical-align讓input元素和img元素對齊
- php中世界最好的语言原創
- 2018-01-26 10:28:502410瀏覽
這次帶給大家怎麼使用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中文網其它相關文章！
相關閱讀：
以上是如何使用vertical-align讓input元素和img元素對齊的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn