在中心對齊CSS按鈕並添加圓角

我試過在CSS中使用position:center和middle。在HTML代碼中，我試過align="center;middle"，但似乎沒有任何工作。我需要將按鈕對齊到頁面中心而不是左側。我已經替換了幾個代碼，但仍然沒有。角落也不會改變。在中心對齊CSS按鈕並添加圓角

Fiddle

這裏的HTML代碼：

<div id='cssmenu'> 
    <ul> 
    <li class='has-sub last' id="iefix"> 
    <a rel=nofollow href='#'><span>Choose a model</span></a> 
    <ul> 
     <li id="iefix"><a rel=nofollow href='#'><span>iPhone 3GS</span></a></li> 
     <li id="iefix"><a rel=nofollow href='#'><span>iPhone 4</span></a></li> 
     <li id="iefix"><a rel=nofollow href='#'><span>iPhone 4S</span></a></li> 
     <li class='last' id="iefix"><a rel=nofollow href='#'><span>iPhone 5</span></a></li> 
    </ul> 
    </li> 
    </ul> 
</div>

來源

2013-08-31 user2680614

HTML註釋：id是唯一標識符。你不能將它們重用於多個元素，所以你想在這裏使用類。另外，如果它不是超鏈接，請不要使用''。 'href ='＃''概念來自HTML人們甚至不記得的版本。使用進行文本範圍包裝。如果你需要「這是一個可點擊的東西！「使用css'cursor：pointer'規則，這樣人們會認爲它是一個導航鏈接（'href ='＃''意味着」導航到此頁面的根目錄「） –

在第29行設置按鈕的float到left。更改爲text-align:center;，按鈕將居中

#cssmenu > ul > li { 
    text-align:center; 
}

然後，如果您定位a，你應該能夠得到圓角半徑改變。

#cssmenu > ul > li > a { 
    border-radius:10px; 
}

Fiddle

來源

2013-08-31 15:38:12

ul下的列表似乎失控 – user2680614

text-align:center的div容器和display:inline-block爲UL這樣的伎倆 - http://jsfiddle.net/LnSRb/3/

來源

2013-08-31 15:39:03 CBroe

版本1：

#cssmenu ul { 
    width: 165px; 
    margin: 0 auto; 
    list-style: none; 
}

Demo

版本2：

#cssmenu ul { 
    list-style: none; 
    text-align: center; 
} 
#cssmenu > ul > li { 
    display: inline-block; 
}

Demo

來源

2013-08-31 15:40:09 drip

嘗試「cssmenu」元件上設置一個固定的寬度，然後添加餘量：0汽車，像這樣：

#cssmenu { 
    width: 205px; 
    margin: 0 auto; 
}

然後，通過這樣做從ul菜單中刪除填充：

#cssmenu ul { 
    list-style: none; 
    padding: 0; 
}

希望這有助於！

來源

2013-08-31 15:42:41 abu

爲了使按鈕在屏幕

<div class="wrapper"> 
    <button class="button">Hello</button> 
</div> 

.wrapper { 
    text-align: center; 
} 

.button { 
    position: absolute; 
    top: 50%; 
}

中心嘗試下面的鏈接查看圓角： -

Rounded Corners

來源

2013-08-31 15:45:55 Mothy

你需要做這些改變。

<div id='cssmenu' style="width:980px; margin:auto;"> 
    <ul style="width:170px; margin:auto">

來源

2013-08-31 15:57:39 vishalkin

在中心對齊CSS按鈕並添加圓角

回答

相關問題