padding:0px;为什么能使UL中的LI在UL中间对齐呢

xingeddx 2014-09-02 12:41:47
效果如图:

我的疑问是:是不是UL在不做任何属性设置的情况下有一个padding-left值呢?这个值是多少呢?另外延伸一下,是不是每个元素都有一些属性的默认值呢?
...全文
238 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
IPbun 2014-09-03
  • 打赏
  • 举报
回复
看你截图的内容 如果是ul默认的话应该是竖着排列下来的 而你这个是居中的 padding-left值 是外边框像左多少 例如:padding-left:100px;
xingeddx 2014-09-02
  • 打赏
  • 举报
回复
引用 7 楼 KK3K2005 的回复:
[quote=引用 5 楼 xingeddx 的回复:] [quote=引用 4 楼 KK3K2005 的回复:] [quote=引用 楼主 xingeddx 的回复:] 效果如图: 我的疑问是:是不是UL在不做任何属性设置的情况下有一个padding-left值呢?这个值是多少呢?另外延伸一下,是不是每个元素都有一些属性的默认值呢?
你说的很对[/quote] 那这个值 从哪里查呢?我是通过JS得到的,要是每次想知道的话都要通过JS,感觉有点麻烦呢[/quote] html里面常用标签不会超过10个 [/quote] 怎么这么少,我是接触这个HTML和CSS不多,不太明白,请赐教则个
豪情 2014-09-02
  • 打赏
  • 举报
回复
是有一些默认值,为了使这些默认值在各个浏览器下保持统一,有人为此成立了一个项目: normalize http://www.tuicool.com/articles/6bYF7r https://github.com/necolas/normalize.css/
会飞的Pikachu 2014-09-02
  • 打赏
  • 举报
回复
学习学习
KK3K2005 2014-09-02
  • 打赏
  • 举报
回复
引用 5 楼 xingeddx 的回复:
[quote=引用 4 楼 KK3K2005 的回复:] [quote=引用 楼主 xingeddx 的回复:] 效果如图: 我的疑问是:是不是UL在不做任何属性设置的情况下有一个padding-left值呢?这个值是多少呢?另外延伸一下,是不是每个元素都有一些属性的默认值呢?
你说的很对[/quote] 那这个值 从哪里查呢?我是通过JS得到的,要是每次想知道的话都要通过JS,感觉有点麻烦呢[/quote] html里面常用标签不会超过10个
xingeddx 2014-09-02
  • 打赏
  • 举报
回复
引用 3 楼 u012280941 的回复:
看樣式跟padding無關
ul{
   text-align:center;
}
li{
    display:inline-block;
}
你说的这两个设置我都用了,的解和这两个有关
xingeddx 2014-09-02
  • 打赏
  • 举报
回复
引用 4 楼 KK3K2005 的回复:
[quote=引用 楼主 xingeddx 的回复:] 效果如图: 我的疑问是:是不是UL在不做任何属性设置的情况下有一个padding-left值呢?这个值是多少呢?另外延伸一下,是不是每个元素都有一些属性的默认值呢?
你说的很对[/quote] 那这个值 从哪里查呢?我是通过JS得到的,要是每次想知道的话都要通过JS,感觉有点麻烦呢
KK3K2005 2014-09-02
  • 打赏
  • 举报
回复
引用 楼主 xingeddx 的回复:
效果如图: 我的疑问是:是不是UL在不做任何属性设置的情况下有一个padding-left值呢?这个值是多少呢?另外延伸一下,是不是每个元素都有一些属性的默认值呢?
你说的很对
XZowie 2014-09-02
  • 打赏
  • 举报
回复
看樣式跟padding無關
ul{
   text-align:center;
}
li{
    display:inline-block;
}
xingeddx 2014-09-02
  • 打赏
  • 举报
回复
引用 1 楼 jikeytang 的回复:
是有一些默认值,为了使这些默认值在各个浏览器下保持统一,有人为此成立了一个项目: normalize http://www.tuicool.com/articles/6bYF7r https://github.com/necolas/normalize.css/
给的这些个地址没看太明白,我想知道从哪里能看到这些默认值呢?w3 org吗?
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE能正常工作,但在FireFox却不行. 3 3. CSS透明 3 4. css的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居问题 3 9. Div的垂直居问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. LI内容超过长度后以省略号显示 3 20. 为什么web标准IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3
Re: 《文件备份与压缩命令》 ---------------------------------------内容提要: 1/6)tar   命令:打包备份/解压打包(将文件或目录的压缩或不解压查看查看)2/6)gzip  命令:压缩或解压文件3/6)zip   命令:打包和压缩文件4/6)unzip 命令:解压zip文件5/6)scp   命令:远程文件复制(全量备份)6/6)rsync 命令:文件同步工具(增量备份)  本人在教学和实战过程发现,即便是有一定运维经验的人,可能已经能够搭建一定复杂度的Linux架构,但是在来来回回的具体操作,还是体现出CLI(命令界面)功底不够扎实,甚至操作的非常‘拙’、处处露‘怯’。 对一个士兵来说,枪就是他的武器,对于一个程序员来说,各种library(工具库)就是他的武器;而对于Linux运维人员来说,无疑命令行工具CLI(命令界面)就是他们的武器;高手和小白之间的差距往往就体现在对于这些“武器”的掌握和熟练程度上。有时候一个参数就能够解决的事情,小白们可能要写一个复杂的Shell脚本才能搞定,这就是对CLI(命令界面)没有理解参悟透彻导致。 研磨每一个命令就是擦拭手的作战武器,平时不保养不理解,等到作战的时候,一定不能够将手的武器发挥到最好,所以我们要平心、静气和专注,甘坐冷板凳一段时间,才能练就一身非凡的内功! 本教程从实战出发,结合当下流行或最新的Linux(v6/7/8 版本)同时演示,将命令行结合到解决企业实战问题来,体现出教学注重实战的务实精神,希望从事或未来从事运维的同学,能够认真仔细的学完Linux核心命令的整套课程。 本课程系列将逐步推出,看看我教学的进度和您学习的步伐,孰占鳌头! 注:关于教学环境搭建,可以参考本人其它课程系列,本教学就不再赘述! 《参透 VMware 桌面级虚拟化》 《在虚拟机安装模版机(包括应用软件等)》 《SecureCRT 连接 GNS3/Linux 的安全精密工具》

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧