为了账号安全,请及时绑定邮箱和手机立即绑定

ul在float下不能用text-align居中

ul在float下不能用text-align居中

qq_命运之骰_0 2018-08-01 23:19:37
<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title></title>  <style>   *{    margin:0 auto;    padding: 0;   }   body{       width:1000px;    text-align: center;   }   ul{    overflow:auto;    display: block;       }   ul li{    float:left    list-style: none;       }  </style> </head> <body>  <button></button>  <button></button>  <button></button>  <ul>   <li>新闻</li>   <li>娱乐</li>   <li>体育</li>   <li>电影</li>   <li>音乐</li>   <li>旅游</li>     </ul> </body></html>当把li设为float后ul不能居中
查看完整描述

3 回答

?
业余奶茶品鉴师

TA贡献260条经验 获得超388个赞

  1. 可以把 ul 的display: block;改成display: flex;,整个导航栏就能居中了。

  2. 也可以 把 li 的float:left;换成 display: inline; 导航栏也可以居中。

    text-align 只对行内元素起作用。

查看完整回答
1 反对 回复 2018-08-02
?
奋斗好青年

TA贡献69条经验 获得超30个赞

你是想要怎样的效果呢?如果你想要ul居中的话,li就不要设置浮动呀,设置display:inline;ul设置居中就可以啦.

查看完整回答
1 反对 回复 2018-08-02
  • 3 回答
  • 0 关注
  • 1276 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信