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

来源：互联网发布：ubuntu配置环境变量编辑：程序博客网时间：2024/05/22 01:54

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>