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> |
<li><a href=”#”>醫院位置</a></li> |
<li><a href=”#”>版權宣告</a></li> |
<li><a href=”#”>法律宣告</a></li> |
<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©2012
<a href=”index.html”>河南中醫學院第三附屬醫院</a> 版權所有
</p>
<p>地址:鄭州市東明路63號 郵政編號450008 電話:0371-65979292</p>
</div>
</div>
</div>
相關文章
- CSS 控制連結變換CSS
- javascript實現的控制瀏覽器全屏效果 [JavaScript瀏覽器
- css實現瀏覽器垂直水平居中效果程式碼CSS瀏覽器
- 相容所有瀏覽器的placeholder效果瀏覽器
- 雙核心瀏覽器核心切換控制技術瀏覽器
- 2. 瀏覽器控制瀏覽器
- CSS的垂直居中和水平居中總結CSS
- 相容所有瀏覽器的圓角出效果瀏覽器
- c#控制IE瀏覽器C#瀏覽器
- css控制強制換行CSS
- 網頁中的CSS換行控制網頁CSS
- 相容所有瀏覽器的圖片上傳本地預覽效果瀏覽器
- VB操作IE瀏覽器完全控制瀏覽器
- 相容所有瀏覽器的模糊效果程式碼例項瀏覽器
- Selenium系列教程-08 瀏覽器本身行為控制瀏覽器行為控制
- CSS垂直居中和水平居中CSS
- CSS水平居中和垂直居中CSS
- JQuery控制radio選中和不選中方法總結jQuery
- CSS水平居中和垂直居中的方法CSS
- Java Selenium WebDriver 控制瀏覽器(三)JavaWeb瀏覽器
- 相容所有瀏覽器的點選複製黏貼效果瀏覽器
- 相容所有瀏覽器的display:inline-block效果瀏覽器inlineBloC
- 相容所有瀏覽器的密碼框輸入提示效果瀏覽器密碼
- 相容所有瀏覽器長寬自適應元素垂直水平居中瀏覽器
- 編寫在瀏覽器中不彈出警告的ActiveX控制元件瀏覽器控制元件
- Web瀏覽器控制元件方法事件覽表Web瀏覽器控制元件事件
- CSS Houdini:用瀏覽器引擎實現高階CSS效果CSS瀏覽器
- 相容所有瀏覽器的點選複製文字內容效果瀏覽器
- 瀏覽器子Tab能控制父Tab嗎瀏覽器
- 禁用瀏覽器控制檯除錯JavaScript功能瀏覽器除錯JavaScript
- 相容所有瀏覽器js設定元素透明度效果瀏覽器JS
- js相容所有瀏覽器的事件繫結程式碼JS瀏覽器事件
- 深入瀏覽器研究 CSS 的動畫和轉換效能瀏覽器CSS動畫
- Javascript和CSS瀏覽器相容總結JavaScriptCSS瀏覽器
- 點選按鈕複製連結到我的貼上板【相容所有瀏覽器】瀏覽器
- 谷歌瀏覽器控制檯顯示shadow DOM谷歌瀏覽器
- 控制預設使用360瀏覽器極速模式瀏覽器模式
- CSS實現的相容所有瀏覽器的背景漸變程式碼CSS瀏覽器