这个css效果css怎么让li居中实现啊,我能让整体下落,单个还是没实现?

黑马程序员为大学毕业后有理想、有梦想,想从事IT行业的年轻人改变自己的命运黑马程序员成就IT黑马

首先学习一下width属性的定义和用法:

width 属性设置元素的宽度。

这个属性定义元素内容区的宽度在内容区外面可以增加内边距、边框和外边距。

行内非替换元素会忽略这个属性

可以通过width属性设置li中字段的寬度根据实际长度显示宽度。在li的样式中加上width:auto;就可以实现了;现在来看下面一段代码:

 

字数不一样的话你这样太麻烦了

那就不要给li设置寬度,写一个padding就好了然后居中,这样就会自动伸长了~

把导航结构贴一下我帮你改改~

 
去掉之后是全部在一行内了,不过没有了间隔了铨部挤在一起了,就像这样
首页栏目1栏目2栏目3 没有间距

今天做网页是老是不懂css怎么让li居Φ实现ul的横向排列和去掉li那个烦人的点现在找到方法了,做个笔记:

我要回帖

更多关于 css怎么让li居中 的文章

 

随机推荐