knrt.net
当前位置:首页 >> html ul li 左对齐 >>

html ul li 左对齐

这是由于不同浏览器的预设值引起的, 你用ie打开应该是没有这个问题的. Firefox或者Chrome等浏览器会给ul标记的padding-left设一个默认值,为40px. 而ie的默认值为0.(2楼的朋友应该就是用ie打开的) 解决这个问题只需要在ul的css里加上"padding-lef...

给UL加上margin:0;padding:0就行了, UL默认是有边距的。

li左对齐要先将ul、li的默认左边距给去除了。 ul,li{ margin:0px;padding:0px;} 至于li的样式,可以先将ul的样式给去除了,也可以将“·”直接放在li里面,如下:·jdljoueoulgjl

额。。。你到底是想居中还是左对齐? 居中就直接用text-align:center; 而默认就是左对齐的,顶多是设置text-align:left; 如果你想要的效果是内容偏中间一点,那你就在li上加padding-left控制位置

你可以给最左边的两张图片添加一个padding-left属性,让图片整体偏右一些(o=^•ェ•)o┏━┓

css部分加入: * {margin:0; padding:0;} body {margin:0; padding:0;}

苹果 富士 大香蕉 烟台苹果 加个margin-top就可以了

设置ul的margin-left即可 li横排时相互间的距离通过各自的width和margin-left(或margin-right)设置

第二个div 的ul 添加样式: div ul {margin:0; padding:0;} 因为 ul 标签元素本身自带有 margin 属性和 padding 属性,所以中间的空隙是 ul 的边距造成的

居中:text-align:center;( 而默认就是左对齐的), 再设置:text-align:left; 代码如下: .box{text-align:center;text-align:left} 内容1 内容2 内容3

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com