li 自适应宽度

2016-04-19 css教程跟版网

[html] !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head meta http-equ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta http-equiv="Content-Language" content="gb2312" /> 
<title>test</title> 
<style type="text/css"> 
body { 
margin:0; 
padding:0; 
font-size:62.5%; 
font-family:Verdana,Arial,sans-serif; 
text-align:center; 
} 
#nav ul { 
margin:0; 
padding:0; 
list-style:none; 
font-size:1.2em; 
background:#036; 
} 
#nav ul li { 
display:inline; 
} 
#nav ul li a { 
display:-moz-inline-box; 
display:inline-block; 
padding:5px 10px; 
color:#fff; 
background:#333; 
text-decoration:none; 
margin-right:-4px; 
} 
#nav ul li a:hover { 
color:#f5f5f5; 
background:#369; 
} 
</style> 
</head> 
<body> 
<div id="nav"> 
<ul> 
<li><a href="#">index</a></li> 
<li><a href="#">Item two</a></li> 
<li><a href="#">Item three</a></li> 
<li><a href="#">Item four</a></li> 
<li><a href="#">Item five</a></li> 
<li><a href="#">Item six</a></li> 
<li><a href="#">Item seven</a></li> 
<li><a href="#">Item eight</a></li> 
<li><a href="#">Item ten</a></li> 
<li><a href="#">Item eleven</a></li> 
</ul> 
</div> 
</body> 
</html>

提示：您可以先修改部分代码再运行

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

上一篇：让你的页面对 IE6 显示出黑白色(多浏览器) 下一篇：样式表达式实现交替显示table行颜色

相关文档推荐

纯CSS打造响应式自适应分页条

分页条是web开发中常用的前端组件之一，它能将数据分批次展示给用户。我们知道诸如Bootstrap这类框架都提供了非常漂亮的分页条组件，但是你的项目可能不用到Bootstrap，你想自己定制一个属于你自己项目的漂亮的分页条，那么请看本文。本文给大家介绍用纯CSS

CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行

CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行。一般的文字截断（适用于内联与块）： .text-overflow { display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/*

完美解决Iframe高度自适应（兼容性好并且支持跨域）

Iframe高度自适应是一个很头疼的问题，特别是要考虑浏览器兼容性以及跨域的情况，本文章向码农介绍完美解决Iframe高度自适应（兼容性好并且支持跨域）的方法，需要的朋友可以参考一下。

iframe 如何设置高度自适应 - iframe 自适应高度的方法

最近些项目遇到用iframe的地方，发现设置的固定高有时不能完全适应项目环境，不是高了就是不够高，在页面里看着很不爽。如何想办法到使用 iframe 自适应高度的方法，下面分享给大家。

css 宽度 width

CSS宽度width样式属性，CSS 宽度是指通过CSS 样式设置对应div宽度，以下我们了解传统html宽度、宽度自适应百分比、固定宽度等宽度知识。

CSS DIV 固定宽度居中的方法

在布局一个网页时，非常重要的是一般网页主体布局都是水平居中的，其实就是对最外的DIV层设置居中布局，这时布局居中就是我们这里要介绍关键点。

栏目导航

html教程 css教程前端开发 cms教程 seo优化网页设计服务器数据库平面设计电脑教程编程教程互联网移动开发 php编程 java编程建站技巧 Python编程

最新文章

热门文章

热门标签

织梦资讯网织梦模板 dede 外语学校织梦鬼故事竞价网站源码竞价培训网门户网站织梦二次开发织梦笑话网 dedecms笑话网织梦源码网站建设搞笑图片织梦教程旅游网站源码织梦旅游网学校培训 html5 企业织梦源码医院源码后台样式移动营销页整形医院大学医院新手建站客服代码洗衣机维修企业网站淘宝客导航菜单教育网站学校源码装修网站装修模板美容整形女性健康妈妈网机械源码建站公司珠宝首饰苹果网站手机资讯美女图片织梦模版打包妇科源码安卓市场源码男性时尚网健康之家 app应用网站笑话网站下载站美女图片网中医院网站家装网站源码 QQ网站标牌网站魔兽世界网淘宝客源码 YY网站源码别墅设计网站服装搭配网宝宝起名网站长网站婚庆网站脑科医院源码笑话源码肝胆医院意外怀孕源码工作室