CSS - 圖片上同一行不會出現選擇框

無論是select和img標籤被設置爲具有相同的高度。

但是這並沒有讓它們出現在同一條線上。

這是因爲如果選擇框中喜歡對齊「bottomly」垂直...

有沒有人有一個提示？

在此先感謝！

編輯：謝謝大家。我接受了第一個工作的答案。所有其他人的答案都是+1 ...太棒了！

2011-03-13 KristianB

修正了它。只需將float: left添加到他們兩個。

2011-03-13 19:07:46 adarshr

#testdiv img { 
    border:1px solid black; 
    width:25px; 
    vertical-align:top; 
    height:25px; 
}

嘗試指定vertical-align。

2011-03-13 19:06:21

不知道你能做那個。尼斯。 :) – 2011-03-13 19:07:23

不錯......我一直在努力去處理選擇框的樣式，因爲它在視覺上並不到位。謝謝 – KristianB 2011-03-13 19:17:31

添加一個浮動到您的圖像。請看下圖：

#testdiv img { 
     border:1px solid black; 
     width:25px; 
     height:25px; 
     float: left; 
    }

2011-03-13 19:06:23

爲#testdiv select，添加vertical-align: top。

2011-03-13 19:07:23 thirtydot

回答