                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

ul的样式问题

.container{text-align:center;} .container li{margin-right:8px;display:inline;} 这两行就可以实现，inline是使其变为行内元素，然后才能使用text-align使其居中至于ul的list-type去掉之后为什么还能消除黑点的样式，搞不懂。。还有为什么只能让设置li，ul设置为inline却没用

啊咧123

2016-05-14

源自：初识HTML(5)+CSS(3)-升级版 15-6

关注问题我要回答

916

操作

收起

2 回答

KentSea 回答被采纳 +3 积分
2016-05-15

嗯嗯，你说的对。li是行的块状元素（一般一行只有一个li）,多个li块构成ul箱子。在w3c中ul，li是指无序清单列表，li是列表中的每一项，它们两者的定义是针对结构模块而言的（html,head,div,table）,而text-align是指针对文本而言的。因而ul向上认识div,向下只认识li,它们都是结构标签，ul是不认识文本的哦，但是li里面定义的是文本。可以把这个结构标签通过display:inline文本化（也即行内元素），文本化后文本居中（text-align:center;）就可以起作用了。

3 回复有任何疑惑可以回复我~

#1

啊咧123 提问者

非常感谢！

2016-05-15 回复有任何疑惑可以回复我~

KentSea
2016-05-14

li是行内元素。ul不是行内元素，它是块状元素，和div性质类型。

0 回复有任何疑惑可以回复我~

#1

youverysupergood

li元素是块好吗！！

2016-05-15 回复有任何疑惑可以回复我~

#2

KentSea 回复 youverysupergood

嗯嗯，你说的对。li是行的块状元素（一般一行只有一个li）,多个li块构成ul箱子。在w3c中ul，li是指无序清单列表，li是列表中的每一项，它们两者的定义是针对结构模块而言的（html,head,div,table）,而text-align是指针对文本而言的。因而ul向上认识div,向下只认识li,它们都是结构标签，ul是不认识文本的哦，但是li里面定义的是文本。可以把这个结构标签通过display:inline文本化（也即行内元素），文本化后文本居中（text-align:center;）就可以起作用了。

2016-05-15 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1227256 人
解答问题 18247 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答有关于ul的样式询问

4 回答样式；的问题

7 回答关于样式的问题

4 回答表单的样式问题。

3 回答css样式问题

搜索更多本课相关问答

ul的样式问题

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号