如何用css将float: left ul/li导航菜单居中对齐?[英] How to centrally align a float: left ul/li navigation menu with css?

本文是小编为大家收集整理的关于如何用css将float: left ul/li导航菜单居中对齐?的处理方法,想解了如何用css将float: left ul/li导航菜单居中对齐?的问题怎么解决?如何用css将float: left ul/li导航菜单居中对齐?问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

因此,我有以下CSS使用以下方式显示水平导航栏:

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation li {
  float: left;
  margin: 0 1.15em;
  /*    margin: 0 auto;*/
}

.navigation {
  /*    width: auto;*/
  /*    margin: 0 auto;*/
  text-align: center;
}

我的问题是:如何将导航栏对齐标题上方?

推荐答案

给您的.navigation UL宽度并使用边距:0自动;

.navigation ul 
{
  list-style: none;
  padding: 0;
  width: 400px;
  margin: 0 auto;
}

其他推荐答案

这是一个.

其他推荐答案

好吧,要在某些东西上使用margin:0 auto,它必须具有定义的宽度.最好的解决方法是:

ul li {
  display: inline;
  list-style-type: none;
}
ul {
  text-align:center;
}

本文地址:https://www.itbaoku.cn/post/570555.html