zoukankan      html  css  js  c++  java
  • ul li 水平居中

    li的float:left方法显然有一个问题,就是无法居中(水平),只能使用padding-left或margin-right的方法方法来固定其居中。但这样可能在宽屏与窄屏的显示不一致。使用这种方法主要是利用li的浮动固定宽度来实现,li的默认display为block,将其这个属性改为inline便可实现这种ul li居中的问题。

    让LI水平居中代码共享CSS如下:
    #linknav{height:140px;}
    #linknav ul{text-align:center;list-style-type:none;}
    #linknav ul li{display:inline;list-style-type:none;}
    DIV结构代码如下:
    <div id="linknav">
    <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>
    <li><a href="#">网站推广</a></li>
    </ul>
    </div>
  • 相关阅读:
    preprocess
    数组
    共用体
    动态内存管理函数
    C链表
    文件的定位与出错检查
    字符串读写函数
    C文件操作
    位运算
    爱好-超级IP:超级IP
  • 原文地址:https://www.cnblogs.com/pengyunjing/p/6095361.html
Copyright © 2011-2022 走看看