一個表單元素打破一個未設置的寬度

Question

我一直有樣式表單的麻煩。 我創建了一個網站標題，該標題有3個「按鈕」，它們都使用一個泛型類，並且它們自己的一個爲了指定每個按鈕的寬度下拉容器。

在第三個有一個下拉有沒有寬度值集（寬度爲汽車以及試過），我把一個形式，現在有兩個問題吧：

1. 如果沒有爲父元素設置寬度，那麼提交按鈕正在打破一條新的路線，然而文本輸入和提交按鈕應保持在同一行。

2. 提交按鈕增加了不同的保證金，以它在Firefox & Safari瀏覽器（無論在MAC） 留下這是爲什麼，是有沒有辦法統一在所有瀏覽器的外觀？

圖片：http://test-ground.tk/ex/snap.png

活生生的例子：http://test-ground.tk/ex/example.html

Answer 1

在包含搜索文本和按鈕添加這些風格（最好是在一類）的形式：

white-space:nowrap; 
font-size:0px; 

的white-space:nowrap保持INPUTs在一行上，font-size:0px擺脫空白字符（通過將它們的大小設置爲0）。

在FF和Safari中看到的'margin'實際上是一個空格字符......瀏覽器對於如何以及何時渲染空白區域往往有不同的想法。