怎样让不设宽度的ul居中

来源:互联网 发布:淘宝怎么搜片子 编辑:程序博客网 时间:2024/06/06 16:26


简单的方法必须是给UL设置一个宽度,然后margin:0 auto;但如果你非要不给他宽度的话就是给外面的DIV设置position:relative,然后给UL设置position:absolute; left:50%;top:0;margin-left:-x,这里的X是一个值,假如你的UL是一个固定的值如200,那这里就写-100px,但是你的UL又没有写宽度,那么你就只有拿值来试,试到一个看起来像是居中了的数值,但如果你想让这个UL内部的元素不固定宽度,也就是说这个UL时长时短,那这个方法就不可行了。
那就得用到伪装图片元素的方法了,给这个UL外面套一个span,设置display:inline-block,然后让DIV设置text-align:center即可,但如果还想同时垂直居中那就更麻烦了


https://zhidao.baidu.com/question/519591987.html?fr=iks&word=%D4%F5%D1%F9%C8%C3%B2%BB%C9%E8%BF%ED%B6%C8%B5%C4ul%BE%D3%D6%D0&ie=gbk