桂林骏程网络有限公司  
桂林网站建设 | 加入收藏 | 设为首页
全国统一服务热线:18077392768  
服务 Q Q:    
 
用户中心登录  
用户名:
密 码:
验证码:
 服务热线:18077392768
 在线QQ:503124658  QQ:422606575
  网站建设  

域名注册 虚拟主机
网站报价 网站推广
优惠套餐 网站改版
  服务中心  
  常见问答
  建站流程
  关于我们
  支付方式
  建站常识  
  通用网址与网络实名的区别
  如何给你的网站起一个好域名
  企业上网用网络实名
  什么是域名?
  百度新的网站排名工具-百度..
  中小企业网络建设原理以及规..
  企业准备网站建设资料如何下..
  桂林中小企业网站建设该注意..
  桂林网站建设--建一个网站..
  为什么要选择骏程网络呢
  自助建站平台建设企业网站的..
  网站改版的理由!
  手工设计建站与模板网站的区..
  网站建设中的“12要”与“..
  提高网站PR值的若干方法
  网站建设流程及域名相关知识
  对网站进行准确定位是网站成..
  建站基础,什麽是静态网页
 
当前位置:首页 > 建站常识
 
     

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

 来源:桂林网站优化   发布时间: 2010/5/9 18:47:03   点击率: 3442 次
想搞一个正规一点的,上档次一点的网站建设公司网站,然后其中有个导航需要用到水平居中。一直以为对ul li居中对齐已经掌握了。但近做项目时发现之前li的float:left方法显然有一个问题,就是无法居中(水平),只能使用padding-left或margin-right的方法方法来固定其居中。但这样可能在宽屏与窄屏的显示不一致。使用这种方法主要是利用li的浮动固定宽度来实现,li的默认display为block,将其这个属性改为inline便可实现这种ul li居中的问题。因为现在的网站大多都使用DIV布局,这种类型的网站也适合桂林网站优化来做搜索引擎的关键词排名了,所以希望大家也能注意。网上GOOGLE了一下让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>
若你还有更好的办法,更简洁的代码请与我们联系



公司简介 | 公司动态 | 常见问答 | 建站流程 | 付款信息 | 联系方式 | 在线留言 | 主机域名管理 | 桂林域名注册 | 加入收藏 | 设为首页 |
 
Copyright © 2006-2019 Web0773 All Rights Reserved.桂林骏程网络有限公司 版权所有
公司地址:桂林市叠彩区中山北路406号中北花园1-2栋6层   邮编:541004   电话:18077392768
电子邮件:kefu0773@163.com   服务 Q Q:503124658  QQ:422606575 中国信息产业部备案号:桂ICP备07006900
本站关键字:桂林网站建设 桂林网站推广 桂林网站设计 桂林网络公司 桂林seo优化 桂林域名注册 桂林虚拟主机 桂林建站 桂林400电话