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

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

时间: 2024-10-29 12:43:59

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

如何控制网页框架页内中链接的目标

控制|链接|网页 如何控制网页框架页内中链接的目标 要在一个框架中使用链接以打开另一个框架中的文档,您必须设置链接目标.链接的 target 属性指定在其中打开链接的内容的框架或窗口. 例如,如果您的导航条位于左框架,并且您希望链接的材料显示在右侧的主要内容框架中,则您必须将主要内容框架的名称指定为每个导航条链接的目标.当访问者单击导航链接时,将在主框架中打开指定的内容. 若要设置目标框架,请执行以下操作: 在"设计"视图中,选择文本或对象. 在属性检查器("窗口"

c# 控制IE浏览器

原文 http://www.cnblogs.com/love2wllw/archive/2010/05/19/1739327.html 想写一个桌面程序,用C#.程序运行后,会用IE打开指定的网页,并自动登录网站,再根据需要进行一些操作.关键是不知道怎么控制IE浏览器,请大家指点一下. 相关内容如下: C#控制IE浏览器引入 C:\WINDOWS\System32\mshtml.tlb.Interop.SHDocVw.dll /// <summary>/// 返回指定Url的IE窗口下的 IH

求VB或VB.NET控制chrome浏览器

问题描述 求VB或VB.NET控制chrome浏览器就是可以用chrome浏览器访问网页,控制里面代码等等-- 解决方案 解决方案二:坐等答案坐等答案解决方案三:求高手指点啊解决方案四:指点?指点什么?用它打开网址可以,关掉也可以,但是你想串改里面的代码?你想做什么呢?任何没有接口的应用程序,如果不破解源代码,能做的就是从内存入手,你认为这样的浏览器,对信息不处理?解决方案五:Quote: 引用3楼fei2yun的回复: 指点?指点什么?用它打开网址可以,关掉也可以,但是你想串改里面的代码?你想

UC正测试全球第一款语音控制手机浏览器

手机浏览器公司UC优视正在内部秘密研发和测试一款完全由语音控制的浏览器.尽管启动画面显示跟UC刚刚发布的8.2BETA版一模一样,但是打开之后会发现所有网页的输入栏都有一个麦克风标志.语音控制的浏览器根据软件的版本号显示,应该还在内部绝密测试中.Google之前已经提供了网页版的语音搜索,但是可以使用语音对功能进行控制.搜索和全局输入的浏览器,这应该是全球第一个.经过试用,UC这个研发中的语音浏览器语音识别相当准确,不仅可以控制UC浏览器的操作,比如打开书签.开启夜间模式.当前打开页面前进后退:

网页制作总结:用CSS使DIV层水平居中

css|网页 一,用CSS使DIV层水平居中 对需要水平居中的DIV层添加以下属性: margin-left: auto;margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

用CSS让DIV层水平居中

一,用CSS让DIV层水平居中 对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中! 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/

总结CSS中火狐浏览器与IE浏览器的兼容代码

总结CSS中火狐浏览器与IE浏览器的兼容代码,兼容你兼容主要是语法规范问题,你写CSS写规范了,就都兼容了,其他的就是一些浏览器的BUG了,发一些技巧给你看看,或许有用. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2.margin加倍的问题 设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决

CSS语法基础:伪类—动态链接

css|动态|链接|语法 伪类--动态链接 伪类可以看做是一种特殊的类选择符,是能被支持CSS的浏览器自动所识别的特殊选择符.它的最大的用处就是可以对链接在不同状态下定义不同的样式效果. 1. 语法 伪类的语法是在原有的语法里加上一个伪类(pseudo-class):selector:pseudo-class {property: value}(选择符:伪类 {属性: 值})伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态

CSS中的伪类:动态链接

伪类可以看做是一种特殊的类选择符,是能被支持CSS的浏览器自动所识别的特殊选择符.它的最大的用处就是可以对链接在不同状态下定义不同的样式效果. 1. 语法 伪类的语法是在原有的语法里加上一个伪类(pseudo-class): selector:pseudo-class {property: value} (选择符:伪类 {属性: 值}) 伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式. 类选择符及其他选择