`

DIV+CSS之让ul及li水平居中显示

 
阅读更多
http://blog.sina.com.cn/s/blog_a8b332e50101ph5f.html 
<html>
  <head>
    <title></title>
    <meta content="">
    <style>
        #linknav{height:140px;}
        #linknav ul{text-align:center;list-style-type:none;}
        #linknav ul li{display:inline;list-style-type:none;}
    </style>
  </head>
  <body>
    <div id="linknav">
        <ul>
        <li><a href="#">111</a></li>
        <li><a href="#">222</a></li>
        <li><a href="#">333</a></li>
        <li><a href="#">444</a></li>
        <li><a href="#">555</a></li>
        <li><a href="#">666</a></li>
        </ul>
    </div>
  </body>
</html>
分享到：
| CSS图片翻转动画技术详解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div+css有实例,易学易懂

    div+css有实例,易学易懂第1 章 Web 标准布局的本质 第8 页 1.1 为什么要建立Web 标准 1.1.1 建立Web 标准的目的 1.1.2 使用Web 标准的好处 1.2 什么是Web 标准 1.3 内容、结构和表现 1.4 两种思考方式 1.5 Web 标准...

    DIV+CSS 兼容小集

    关于div+css兼容IE和firefox的问题 好不容易建立的div+css网页完全符合W3C标准。在ie7下显示非常完美，用firefox一测试，乖乖一探糊涂 惨不忍睹。经过一番研究发现兼容很 简单。 1、增加 div {overflow: hidden;}...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    站长推荐全新兼容DIV+CSS版中国地图 JS+DIV+CSS支持热点效果的中国地图 16.支持4级树形 展开菜单插件dTree原版下载 2)JQuery Tab 1.jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件) 2....

    H5+CSS3.zip

    列表标签：使用&lt;ul&gt;&lt;li&gt;实现无序列表，使用&lt;ol&gt;&lt;li&gt;实现有序列表； 使用标签添加图片，使用标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格； 表单标签：使用创建表单，文本输入框，密码输入框，...

    基于html和CSS3制作酷炫的导航栏

     1 ul 水平显示  2 li 去掉圆点  3 li中字体水平、竖直居中  4 li控制边框样式  5 使用html + css3 渐变画图 制作背景图片  6 更改颜色透明度  7 DIV制作边框阴影 先看效果图:   CSS Code复制内容到剪贴...

    css自适应宽度 多种方法实现宽度自适应的水平居中

    当父元素和子元素都没有定义宽度的情况下实现水平居中： display:inline-block 可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。 HTML代码: 复制代码代码如下: &lt;div class=”...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    （1）块级元素 div p h1-h6 ul ol li ①独占一行 ②宽度 高度 外边距 内边距都可控制 ③宽度默认是容器（父级元素）100%的宽度 ④是一个容器及盒子 里面看可以放行内或块级元素 ⑤文字类的元素如p h1-h6里面不...

    css入门笔记

    ex:div,h1-h6,p,ul,li,ol,dl,dt,dd 2.行内元素允许修改尺寸 表单控件元素 3.本身具备width和height属性的元素 ex:img,table 注意：大部分行内元素不能修改 span,a,i,u,b,s 3.溢出处理 当内容多，元素区域小...

    46种常见的浏览器兼容性问题大汇总

    19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24...

    跨浏览器实现float:center

    原文：...&lt;div id=macji&gt; &lt;ul class=macji-skin&gt; &lt;li&gt;列表一&lt;/li&gt; &lt;li&gt;列表二&lt;/li&gt; &lt;li&gt;列表三&lt;/li&gt; &lt;/ul&gt;&lt;/div&gt; 我们希望实现li是浮动的，并且居中的（li个数不固定，ul宽度

    css 解决浏览器兼容问题

    这里大家要知道CSS不兼容的原因是因为各浏览器给...} 上面的建站常用代码就相是格式化CSS样式，让各浏览器按照我们设置的属性值渲染网页 第二招：IE和FF下对象居中问题 IE下大家应该知道只要设置body{text-align:center

    IE6下 vertical-align:middle 和 height 引发的边框消失

    （注意：&lt;div&gt;测试&lt;/div&gt;后面没有其他文字或元素）现象：div的下边框消失，在ff下没事，且文字不能居中（如图）。 html结构2&lt;div&gt;测试&lt;/div&gt;测试文字 –在后面再加上其他元素 边框就显示出来了 html结构3&lt;div&gt;测试&lt;/...

    inline-block元素的4px空白间距解决方案

    有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者...HTML Markup 复制代码代码如下:&lt;ul&gt; &lt;li&gt;item1&lt;/li&gt; &lt;li&gt;item2&lt;/li&gt; &lt;li&gt;item3&lt;/li&gt; &lt;li&gt;item4&lt;/li&gt; &lt;li&gt;

    html入门到放弃笔记

    增加一根水平线，size为5px，宽度为50%，居中对齐，颜色为红色(red) 7、预格式化 作用：保留源文档中的回车 和 空格 的作用 &lt;pre&gt;&lt;/pre&gt; 8、分区元素 1、块分区元素 语法：&lt;div&gt;&lt;/div&gt; 作用：布局 2、行内...

Magicbox
Global site tag (gtag.js) - Google Analytics