2016-02-12 87 views
0

包裝寬度爲100%,這裏是screeenshot。我已經定義了按鈕容器的寬度,並將邊距設置爲自動但沒有運氣。我無法居中這些按鈕

'image'

我也曾嘗試上的按鈕在div inline-block的。

+0

'margin-left = calc(50%-132px)' –

+0

尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**,最好在[** Stack Snippet **]( https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/)。請參閱[**如何創建一個最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –

回答

1

請確保您沒有包含按鈕的div上的float: left;指令。

0

添加

margin:0 auto; 

你的按鈕類。

+0

我已經完成了。也許我不得不添加另一個div,只是爲了佔據整個寬度和按鈕類的按鈕,然後將中心對齊。說什麼? –

+0

如果可能,請將您的代碼添加到https://jsfiddle.net/ – 2016-02-12 13:43:35

+0

將按鈕容器的餘量放入百分比。 –

0

我想你的按鈕繼承了父母的style屬性。

您可以嘗試覆蓋由母公司設置的float屬性或默認class

您的代碼存在的問題是CSS/sass@media查詢下(例如,當屏幕寬度較小時)。並且您正在申請div而沒有@media查詢,因此您的styles沒有得到應用。

嘗試在你的代碼尋找這樣的媒體查詢..檢查標籤時,這可能成爲鉻很容易看到最上面的css被應用和一些變化添加到它,在當前的情況下,你可以簡單地嘗試。

float: none 

float: initial 

後的變化工作,你可以更新他們實際的文件中找到,其中更新是很容易的。只要看看你更新的塊的右上角就會有一個指向文件的鏈接和塊的行號。去在該文件中更新您的更改。

希望這會有所幫助。