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>

總結

以上是生活随笔為你收集整理的CSS控制所有浏览器水平居中和控制链接不换行的效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。