请问CSS中ul用text-align:center居中为何序列没有居中?

CSS中ul用text-align:center居中为何序列没有居中


catspeake
浏览 1066回答 4
4回答

慕丝7291255

这个效果可以这么实现,直接用好像没有办法....<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>ul{ list-style:none;}ul li span{ display:inline-block; width:10px; height:10px; background-color:red; margin-right:5px;}</style></head><body><ul style="text-align:center; margin:0 auto; line-height:30px;"><li><span></span>1432134</li><li><span></span>ajghlsdkghjhg</li><li><span></span>grtgyrg</li></ul></body></html>

慕盖茨4494581

<style&nbsp;type="text/css">&nbsp; #ex&nbsp;ul{&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;text-align:center} ... <div&nbsp;id="ex"> &nbsp;&nbsp;&nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>新闻</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>谈论</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>体育</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>音乐</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>娱乐</li> &nbsp;&nbsp;&nbsp;&nbsp;</ul> </div 点没动,文字居中了

慕运维8079593

text-align:center 与 <CENTER>您可能会认为&nbsp;text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相同。<CENTER> 不仅影响文本,还会把整个元素居中。text-align&nbsp;不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。
打开App,查看更多内容
随时随地看视频慕课网APP