定位文字輸入？

我還沒有使用窗體很多，所以林不知道這是怎麼回事。我試圖定位一個文本輸入與按鈕內聯，但它似乎並沒有工作。你可以看到我在這裏做什麼： http://jsfiddle.net/gagalug/BEBAH/定位文字輸入？

謝謝。

2012-04-27 Dragan Marjanovic

儘管JSFiddle對於提供工作示例很有用，但請提供關於StackOverflow的完整問題。 – Quentin 2012-04-27 10:27:45

@Quentin對於一件簡單的事情，Just似乎很想寫。下次會做。 ;） – 2012-04-27 10:43:22

此行添加到您的風格：

img, input[type=image] {vertical-align: bottom;}

這將防止圖像和圖像輸入基線的問題。即刻解決您的問題。

你知道，更多的人真的應該知道這一點。即使是寫一個像QuirksMode一樣大的網站的人也不知道這個事實。

來源

2012-04-27 10:27:50

嗯，這個方法看起來好多了，但我會在中間調整它，因爲它更適合我的需求。謝謝。 – 2012-04-27 10:38:53

嘿，我想你想這

選擇你剛纔定義垂直對齊：首位;

#text{ 
    height: 40px; 
    vertical-align: top; 

}

現場演示http://jsfiddle.net/BEBAH/4/

來源

2012-04-27 10:25:10

嘿，非常感謝。也只是想知道你知道它爲什麼這樣做？哈哈謝謝。 – 2012-04-27 10:27:24

壞主意。這是不必要的，並且依賴於太多。 – 2012-04-27 10:28:28

絕對定位是一個相當蠻力的工具，真的不需要解決這個問題。 – Quentin 2012-04-27 10:28:29

添加

input { vertical-align: middle; }

來源

2012-04-27 10:26:56 Quentin

有很多種方法。

定位相對於父div和絕對位置的孩子。
vertical-align：middle;對於兩個輸入

來源

2012-04-27 10:28:26

感謝垂直對齊作品！ = d – 2012-04-27 10:39:12

修改您的CSS如下。

div{ 
     border: 1px solid black; 
     width: 500px; 
     height: 50px; 
     float:left; 
    } 
    #text{ 
     height: 40px; 
     top: 0px; 
     float:left; 
    }

來源

2012-04-27 10:45:34

定位文字輸入？

回答

相關問題