html - 在我的 div 中居中 ul

标签 html css html-lists center

我想将我的 ul 容器置于我的 div 中。

所以我的 div 的宽度为 100%,边距设置为自动。

对于 ul 它的宽度为 98%,边距设置为 auto

width: 98%;
margin: auto;
display: inline-block;
vertical-align: middle;

我遇到的问题是 li 没有在内部居中,所以菜单向左对齐。我想在中心位置显示它

我们将不胜感激任何形式的帮助。

下面是我网站的网址http://www.barbarian-strongman28.fr/

最佳答案

ul.art-hmenu 有 float ,删除它 (float:none) 和 .desktop-nav .art-nav-inner 中的 text-align:center (要么需要 98% 的宽度)

这使得整个 ul 表现得像一个单词(因为它显示:内联 block )......并与中心对齐(作为文本)。

关于html - 在我的 div 中居中 ul,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24022436/

相关文章:

html - 悬停 DIV 时 CSS 更改图像不起作用

c# - 将值从 ASP.NET 传递到 Java 脚本再到 HTML

html - css 旋转 <input> 标签增加了 td 中的空间

html - 如何根据需要制作一个ui-select字段?

html - 我的水平子导航还有几个问题......但差不多了

css - z-index 不适用于背景视频上的文本

css - 如何更改文本框中选定文本的背景颜色?

regex - 用于匹配多种类型编号列表的正则表达式

同一行上的 html 定义列表,具有可变的 dt 大小

html - 当应用于 `ul li` 时,如何使我的背景颜色填充整个 div 宽度?