DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> css中使input輸入框與img(圖片)在同一行居中對齊
css中使input輸入框與img(圖片)在同一行居中對齊
編輯:布局實例     

如何讓input輸入框與img在同一行居中對齊,由於經常會使用到,默認情況下將input和img放同一行,img標簽總是比input高出一個頭,很難看,大家可以參考下本文或許有所幫助

 

將input和img放同一行,img標簽總是比input高出一個頭,難看。後來在網站搜到最多的就是給img添加一個 align="absmiddle"屬性,這個方法似乎的確可行,但是不符合HTML標准。後來發現同時給input和img添加vertical- align:middle就行:

在寫css時,使得input和img在同一行居中對齊的方法:
 

復制代碼 代碼如下:
img{vertical-align:middle;}


input{width:寬度;height:高度;line-height:與高度一致;margin:0px;padding;0px;font-size:字體大小;border:邊框;vertical-align:center;}

或直接這樣寫
 

復制代碼 代碼如下:


input,img{vertical-align:middle;}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved