Kernelement ohne seine Breite

Question

zu wissen, ich habe ein Menüelement wie:

<ul> 
    <li><a href="#">Item 1</a></li> 
    <li><a href="#">Item 2</a></li> 
    <li><a href="#">Item 3</a> 
     <ul> 
      <li><a href="#">SubItem 1</a></li> 
      <li><a href="#">SubItem 2</a></li> 
      <li><a href="#">SubItem 3</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Item 4</a></li> 
</ul> 

Das Element absolut positioniert ist. Wie kann ich es zentrieren, ohne seine Breite zu kennen (Anzahl der übergeordneten Elemente könnte sich ändern).

Grüße, Dave

Answer 1

Ich denke, was Sie nach möglich ist, wenn Sie ein übergeordnetes Element der ul haben:

<div class="example"> 
    <ul> 
    <!-- lots of li's --> 
    </ul> 
</div> 

Dann text-align Trick der alten Schule verwenden, die

.example { 
    text-align: center; 
    } 

.example ul { 
    text-align: left; 
    display: inline-block; 
    } 

See: http://jsfiddle.net/chippper/WK5Z4/

wurde zum Zentrum Layout