<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      怎么使用vertical-align讓input元素與img元素對齊

      [摘要]這次給大家帶來怎樣使用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中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清