margin-left：auto和margin-right：自動不在輸入上工作

我有一個輸入形式，我試圖在中心對齊。當display: block未被添加到CSS時，通常margin-left:auto和margin-right: auto無法響應。我已將display: block添加到我的CSS中，但仍然不顯示，因爲我希望它。margin-left：auto和margin-right：自動不在輸入上工作

我做了一個的jsfiddle保持更容易理解：http://jsfiddle.net/XnKDQ/97/

來源

2012-02-10 Xecure

您的jsfiddle鏈接似乎不起作用。作爲一個建議，該項目是否具有指定的固定寬度 - 我相信這也是這種方法所必需的。 – Paddy 2012-02-10 10:20:15

編輯鏈接。 – Xecure 2012-02-10 10:25:16

爲了使margin: 0 auto;能夠正常工作，除了需要指定display:block之外，還需要指定width。

來源

2012-02-10 10:24:43 Christoph

的中心不要忘記顯示：塊或者，你會認爲它會顯示：inline-block，但不是......這會打破它 – 2012-10-04 23:27:30

@Clarence如果你仔細閱讀這個問題，你可以看到，Xecure已經爲該元素應用了'display：block;'。這就是爲什麼我沒有提到這一點。 – Christoph 2012-10-05 08:07:41

對，我只是說你自己的答案沒有被提及，甚至比較問題和你的答案，它並不直接顯示'display：block'是相關的。我想，如果你在前面加上你的回答，「除了顯示：塊，爲了......」 – 2012-10-05 19:18:45

你想要的三種形式一起在中心對齊？將它們包裝在一個單獨的div中，而不是中心。

來源

2012-02-10 10:21:27 Supr

我試圖對齊的形式 – Xecure 2012-02-10 10:24:06

我找到了解決辦法爲你

應指定元素寬度

input { 
    display: block; 
    margin: 10px auto 10px auto; 
    padding: 3px; 
    width:60px; 
}

來源

2012-02-10 10:52:02 Muhammed

對我來說，這是浮動離開，我忘了，以便確保您申請浮動：沒有你的輸入領域。

你已經有顯示：塊和邊距：0自動，你只需要設置寬度。

例，應該工作：

input {width:50% !important; margin:0 auto !important; display:block !important; float:none !important}

如果不工作，嘗試增加值重要，或者確保你的風格不被別的東西覆蓋！

來源

2015-11-20 11:32:30 Mike

這是爲我工作的人。謝謝！ – mikeym 2017-08-23 03:43:10

除了指定寬度和顯示塊還檢查浮動屬性是否設置爲無。

來源

2016-05-26 15:19:02

對所有事物都有好處，你可以檢查你的身體是否有參數位置。它可能被設置爲固定。

來源

2017-05-02 11:06:37

margin-left：auto和margin-right：自動不在輸入上工作

回答

相關問題