请问li的文字怎么实现在ul水平居中的？

link的base.css没有相关的样式啊，是用来干嘛的？

li的文字怎么实现在ul水平居中的？

caixiangqi

2015-04-29

源自：十天精通CSS3 5-5

关注问题我要回答

7026

操作

收起

5 回答

muge10
2015-05-07

因为这个HTML中ul没有初始化，打开chrome 开发者工具可以发现这个ul是自带 -webkit-padding-start: 40px; 也就是说 40px 的左填充，之所以最右边看起来也这么宽，是因为固定了整体宽带，你把宽度删掉就发现了。这就是它居中的原因。左边填充40px，然后计算宽度把右边也留出来这么宽，看起来就居中了。如果把ul 初始化，就是padding:0; 就会发现左边对齐了。

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

收起回答

成者并非一蹴而就
2015-04-30

link：href 是引用作者提供的CSS，，那个链接你可以浏览器打开的，然后自己建一个CSS文件，就成了本地引导

<link rel="stylesheet" src="xxx.css" >   HTML5最新规范默认不写type，默认type为CSS，JS文件为JS

li中的文字，若是在一个DIV中，可以通过

text-align:center

实现文字居中

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

收起回答

caixiangqi 提问者

谢谢不过里面是一些不相关的样式啊，本节也用不到的

2015-05-01 回复有任何疑惑可以回复我~

慕郎_莲华
2015-04-30

text-align: center?

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

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242549 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

4 回答为什么ul的行高只有在50px时可以使li标签水平垂直居中

1 回答translate水平垂直居中

3 回答怎么实现居中？

1 回答块状元素水平垂直居中问题

2 回答如何达到水平垂直居中

搜索更多本课相关问答

请问li的文字怎么实现在ul水平居中的？

我要回答关注问题

热搜

最近搜索清空

请问li的文字怎么实现在ul水平居中的？

5 回答

本课相似问答

请问li的文字怎么实现在ul水平居中的？