`

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难点之经验总结.pdf

    在学习DIV+CSS时，许多新手都会遇到一些常见的问题，本文总结了八个常见的问题和解决方案，涵盖了网页居中显示、文字垂直居中显示、图片垂直居中显示、清除浮动、多列结构的DIV写法、Textarea在FireFox中不能自动...

    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+css面试题答案.docx

    行内元素包括 a、b、span、img、input、strong、select、label、em、button、textarea 等，块级元素包括 div、ul、li、dl、dt、dd、p、h1-h6、blockquote 等，空元素包括 br、meta、hr、link、input、img 等。...

    HTML+CSS笔试题-答案.docx

    为了让div能够水平居中，需要的CSS样式是#container{width:880px;margin:0px auto;}。 CSS选择器 在CSS选择器中，input.bg和.txt td属于后代选择器。 列表标签 在HTML中，&lt;ul&gt;标签用于无序列表，标签用于有序...

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

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

    html+css技能测试带答案).doc

    7. Li 标签必须直接嵌套于 ul、ol 中。 知识点：HTML 列表标签的使用场景和作用。 8. CSS 属性 overflow 用于设置元素超过宽度时是否隐藏或显示滚动条。 知识点：CSS 溢出处理，overflow 属性的使用场景和作用。 ...

    html5css3面试题及答案,前端面试题及答案-CSS篇.docx

    * 子选择器（ul &gt; li） * 后代选择器（li a） * 通配符选择器（\*） * 属性选择器（a[rel="external"]） * 伪类选择器（a:hover, li:nth-child） CSS 继承 * 可继承的样式：font-size, font-family, color, text-...

    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里面不...

    在解决ul居中问题时想到的几点

    1. CSS 布局：在解决 ul 居中问题时，需要了解 CSS 布局的基本概念，如块级元素、行内元素、浮动元素等。块级元素是指占据整个宽度的元素，如 div、p、h1 等，而行内元素是指只占据内容宽度的元素，如 span、a、img ...

    前端面试题及答案汇总HTML.pdf

    块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote 空元素：br、meta、hr、link、input、img 3. CSS 实现垂直水平居中： 可以使用以下方法实现垂直水平居中：&lt;div class="wrapper"&gt; &lt;div class="content"&gt;...

    CSS网页布局入门教程9：用CSS设计网站导航——横向导航

    &lt;li&gt;&lt;a href="http://:www.aa25.cn/Sort/List_4.html"&gt;DIV+CSS教程&lt;/a&gt;&lt;/li&gt; &lt;li&gt;常用代码&lt;/a&gt;&lt;/li&gt; &lt;li&gt;水晶图标&lt;/a&gt;&lt;/li&gt; &lt;li&gt;幻灯图片&lt;/a&gt;&lt;/li&gt; &lt;li&gt;软件下载&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://:www.aa25.cn/...

    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.溢出处理 当内容多，元素区域小...

    Web前端开发试题[收集].pdf

    6. 文字居中的 CSS 代码是 `text-align: center`。 二、 CSS 基础知识 1. 选出你认为最合理的定义标题的方法是 `&lt;h1&gt; 文章标题 &lt;/h1&gt;`。 2. `br` 标签在 XHTML 中语义为换行。 3. 不换行必须设置 `white-space: ...

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

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

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