Cum pot spațiu uniform elemente din bara de navigare utilizând atributul de lățime?

Here's a simulation: http://jsfiddle.net/LQ9DP/

Iată secțiunile HTML și respectiv CSS relevante: HTML:

<div id="footer">        
        <div class="nav_wrapper">
            
        </div>
    </div>

CSS:

   #heading{
    font-family:'ChunkFiveRomanRegular';
    position: absolute;
    font-size:80px;
    top: 10%;
    left: 0px;
    width: 100%;
    height: 1px;
    text-align:center;
}

.border{
    border-top: 5px dashed #000000;
    border-bottom:5px dashed #000000;
    padding:20px;
}

body{
background:#ffdd22;
}

#subheading{
    font-family:'MuseoSlab500Regular';
    text-align:center;
    font-size:25px;
}

.nav_wrapper{
    position:relative;
    margin:auto;
    /*width:30%;*/
    /*Change this
    width:30%;*/
}

.nav_wrapper ul li {display:inline; width:30%;}
.nav_wrapper ul li a {width:30%;}

#footer{
    width:100%;
    float:left;
    position:fixed;
    bottom:0;
    z-index:100;
}

#list_orientation {
    padding:0;
    margin:0;
    height:5%;
}​
0

2 răspunsuri

te-ar deranja sa incerci sa dai padding elementelor in loc de a da o latime fixa? Și în cazul centrarea verticală a textului, puteți utiliza înălțimea textului care conține aceeași casetă ca line-height a textului.

0
adăugat

you mean like this? http://jsfiddle.net/LQ9DP/13/

0
adăugat
Ei bine, oarecum. Am vrut, de fapt, cele mai stângaci și cele mai potrivite elemente să atingă capetele. De asemenea, puteți să-mi spuneți de ce stabilirea marjei lucrate și lățimea nu a funcționat chiar dacă ambele ar trebui să elimine spațiul?
adăugat autor Louis93, sursa
în cazul în care dați lățimea fixă, textul din interiorul elementelor este obligat să rămână în spațiul respectiv. Și nu puteți fi siguri că tot textul fiecărui dvs. element va avea aceeași dimensiune. În caz de margine sau de umplutură, indiferent de mărimea textului, există întotdeauna aceleași spații între ele. Dacă doriți ca primul sau ultimul element să rămână în margine în loc să aveți o marjă, puteți încerca clasele pseudo first-child și last-child
adăugat autor maksbd19, sursa