圖片和輸入框對齊

1、INPUT和圖片按鈕對齊

<form method="post" action="">
<input type="text" name="title" onfocus="this.value=''" value="關鍵字">
<input type=image src="#" align="absmiddle">
</form>

也可以在按鈕的樣式裡面加入：vertical-align:middle;

2、INPUT和文字對齊

定義INPUT的樣式，input {vertical-align:middle;}，這樣文字就會和INPUT框對齊。

3、以此類推，SELETE框、textarea、button

可以在全域CSS中定義：
input,select{vertical-align:middle;}

html裡，實現圖片與文字對齊的最簡潔方法  2011-09-20 09:06:34|  分類： html |  標籤：圖片與文字對齊的方法  圖片與文字對齊   |字型大小大中小 訂閱 .

一個align完全搞定，這是html語言裡最合適的實現方法。
<p>映像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>，實現文字和圖片底端對齊，也是預設的方式。

 

<p>映像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>，實現文字和圖片底端對齊。

 

<p>映像 <img src ="/i/eg_cute.gif" align="top">      在文本中</p>，實現文字和圖片底端對齊。