Center-Wählen Sie drop-down-innen div

Ich bin kämpfen, um das Zentrum einer select-drop-down innerhalb eines div. Ich habe versucht, sowohl margin: auto; und text-align: Center; ohne Erfolg

Hier ist meine Geige http://jsfiddle.net/U8Kja/

Kann das jemand herausfinden? Bin ich etwas fehlt?

Dank

InformationsquelleAutor SparrwHawk | 2012-06-16
  1. 16

    Fügen Sie diese an die Unterseite der Geige.

    select {
display: block;
margin: 0 auto;
}

    Die Marge auto auf der rechten und linken Seite in den Mittelpunkt stellen wird ein block-element innerhalb des übergeordneten div.

    • Ihre Antwort enthält eine Erklärung der Ihren code und eine Beschreibung, wie es das problem löst.
    InformationsquelleAutor Brendan Martin
  2. 5

    Die Sie gesetzt hatte text-align:centre

    Sollte es text-align:center

    Überprüfen demo

    • Ah ja, ich bin so ein r-tard, kann nicht glauben, dass ich verpasst, dass. Danke!
    • Ya das war das einzige Problem.
    • Akzeptieren Sie dies als die richtige Antwort, wenn es für Sie gearbeitet
    InformationsquelleAutor Priyank Patel
  3. 2

    Sollten Sie verwenden

    text-align: center

    Den Fehler im text-align: Zentrum

    InformationsquelleAutor odiszapc
  4. 0

    Versuchen Sie dies:

    CSS:

    .center {
    text-align: center;
    /*These options are for the div to be visible in the example, the important is the first*/
    border:1px solid black;
    width: auto;
    height: 50px;
}

.cmb {
    display: block;
    margin: 0 auto;
}

    HTML:

    <div class="center">
  <select class="cmb">
    <option value=1>Option 1</option>
    <option value=2>Option 2</option>
    <option value=3>Option 3</option>
  </select>
<div>

    InformationsquelleAutor Joshue
Schreibe einen Kommentar