CSS控制所有瀏覽器水平居中和控制連結不換行的效果

塗作權發表於2012-12-05

CSS部分

/*頁尾開始*/
#footer{
 clear:both;
 height:auto;
 background:rgb(38,88,87);
}
#footer *{
 color:rgb(217,230,210);
 text-align:center;
}
#footer .bottom{
 height:auto;
 text-align:center;
}
.link-ml{
 text-align:center;
}
.link-ml,.link-m1 ul{
 width:900px;
 height:auto;
}
.link-m1 ul li{
 float:left;
 padding-right:5px;
 white-space:nowrap;
}
.link-ml ul li a{
  white-space:nowrap;
}
#footer .bottom ul{
 padding-top:10px;
}
#footer .bottom ul li{
 display:inline;
}
#footer .bottom p{
 margin-bottom:-5px;
}
.bottom_bottom{
 clear:left;
}
/*頁尾結尾*/

 

 

index.html中:

<div id=”footer”>
    <div class=”bottom”>
     <div>
      <ul>
       <li><a href=”#”>關於我們</a></li>&nbsp;|
       <li><a href=”#”>醫院位置</a></li>&nbsp;|
       <li><a href=”#”>版權宣告</a></li>&nbsp;|
       <li><a href=”#”>法律宣告</a></li>&nbsp;|
       <li><a href=”#”>聯絡我們</a></li>
      </ul>
     </div>
     <br/>
     <div class=”link-m1″>
       <center>

                     <!—控制火狐中水平居中–>
        <ul style=”margin:0 auto; margin-top:-20px; margin-bottom:10px;”>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院111</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院111</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院111</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院111</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>友情連線</a></li>
         <li><a href=”#”>河南中醫學院第一附屬醫院111</a></li>
         <li><a href=”#”>河南中醫學院第二附屬醫院</a></li>
         <li><a href=”#”>大河健康網</a></li>
         <li><a href=”#”>大河健康網</a></li>
        </ul>
       </center>
     </div>
     <div class=”bottom_bottom”>
      <p>copyright&copy;2012&nbsp;
       <a href=”index.html”>河南中醫學院第三附屬醫院</a>&nbsp;版權所有
      </p>
      <p>地址:鄭州市東明路63號 郵政編號450008 電話:0371-65979292</p>
     </div>
    </div>
   </div>


相關文章