0

我正在尝试使用 CSS 创建一个菜单,但它的实际位置存在问题。

现在,无论我尝试什么,它总是在屏幕的左侧并且没有被拉伸。我想把它放在中间,并可能拉伸到屏幕的 100%。我尝试更改宽度参数、边距、文本对齐,但我总是得到与我想要的不同的东西,或者它根本不起作用。

菜单可以在这里看到:http: //jsfiddle.net/98tW6/10/

正如我所说,我想要的只是将它放在页面的中心顶部,并且可能会被拉伸,以便背景图像在顶部的整个屏幕上重复,并且按钮位于中心。

我认为关键行在这部分代码中:

div#menu

但我不确定

4

1 回答 1

1

删除浮动并将其添加到<ul>

width:100%;
text-align:center;

然后从项目中删除浮动<li>并使其成为inline-block元素,因为它们inline-block现在将响应text-align:center父级的,并将居中:

display: inline-block;

小提琴:

http://jsfiddle.net/98tW6/17/

于 2013-08-13T12:40:10.430 回答