2

ここにシミュレーションがあります: http://jsfiddle.net/LQ9DP/

HTML と関連する CSS セクションはそれぞれ次のとおりです。 HTML:

<div id="footer">        
        <div class="nav_wrapper">
            <ul id="list_orientation">
                <li><a href="http://www.facebook.com">Facebook</a></li>
                <li id = "portfolio_text"><a href="http://www.google.com">Portfolio</a></li>
                <li><a href="http://www.google.com">Email</a></li>
            </ul>
        </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%;
}​
4

2 に答える 2

2

固定幅を指定する代わりに、要素にパディングを指定していただけませんか? また、テキストを垂直方向に中央揃えにする場合は、テキストを含むボックスの高さをテキストと同じ高さにすることができline-heightます。

于 2012-06-04T20:27:12.503 に答える
2

このような意味ですか？http://jsfiddle.net/LQ9DP/13/

于 2012-06-04T20:07:04.220 に答える