當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

CSS控制所有浏览器水平居中和控制链接不换行的效果

發布時間：2024/9/27 HTML 39 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS控制所有浏览器水平居中和控制链接不换行的效果小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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中：

?????????????????????
????????<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©2012 
???????<a href="index.html">河南中醫學院第三附屬醫院</a> 版權所有
??????</p>
??????<p>地址：鄭州市東明路63號郵政編號450008 電話：0371-65979292</p>
?????</div>
????</div>
???</div>

總結

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

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