按鈕大小不一

所以我似乎無法確定我做錯了什麼。我創建了一個包含4個按鈕的菜單，分別是：更新，註冊，記錄和註銷。我將它們放在一個班級中，並使用CSS進行設計。原來他們的長度不同，我嘗試了一些我現在知道並瞭解的關於CSS的知識，而且我被卡住了。按鈕大小不一

這裏的CSS代碼：

.button2 { 
    padding:15px 150px; 
    margin:0px auto; 
    border-radius:5px; 
    color:#221e1f; 
    font-family:corbel; 
    font-size:20px; 
    text-decoration: none; 
    border: 1px solid #d13129; 
    background: #d13129; 
    width:300px; /* set a width, can be fixed or percentage */ 
    display:block; /* by default <a> tags arn't block elements and need to be for setting a width */ 
}

畫面與新編輯： http://gyazo.com/7c7203de14e01873b59e60392fa76207

來源

2013-08-28 Mandirigma

你沒有設置寬度。所以除非按鈕中的文字長度相同，否則它們的長度不同。 –

您使用哪些HTML元素作爲按鈕？你是否在按鈕或包含按鈕的元素上設置了類？ – Guffa

設置寬度似乎沒有做任何事情。 – Mandirigma

你應該在CSS定義的高度和寬度，以及。例如：

height:5px; 
    width:15px;

來源

2013-08-28 22:58:23 poodle

在CSS中設置寬度（例如'width：50px;'）。除非你這樣做，否則大小會匹配按鈕內的文字（加上填充/邊框）。

來源

2013-08-28 23:02:57 AdamskiFTW

試過這樣做，它沒有做任何事情。 – Mandirigma

如果這是菜單/導航欄，請嘗試給定寬度屬性。所以，如果按鈕有一個名爲'button1'的類，請嘗試：.button1 a {width：50px;} – AdamskiFTW

我希望我可以在這裏發佈圖片以顯示我的意思。我不知道是否允許。已經做到了。我應該爲每個按鈕分配不同的類別嗎？ – Mandirigma

按鈕大小不一

回答

相關問題