CSS居中图像

我正在写一个移动网站，我已经花了几个小时研究了一个中心问题。 该网站是免费的，您可以使用模拟iphone浏览器

CSS可在上找到，但最重要的部分如下：

html, body {height:100%;float:center;text-align:center;}
body {background-url:url(raypeat.gif) no-repeat left top;margin:0; padding:0; text-            align:center;color:black;}
body,td,input,textarea {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:link,a:active,a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin-top:0;}
table {background: none repeat scroll 0 0 white;}

及

---

图像显示在（主）菜单中。如果你把iphone转到一边，你会发现它们没有居中。。。。我试过在.qa-nav-main和.qa-nav-mean-item中编辑这么多内容，但是如果我在后者中设置

float:center

，菜单项都在一个新行上（尽管它们居中）。

如果你想保持你现在的代码结构，然后只需向包含按钮的

中添加一个类。该类将具有以下规则：

display: block;
width: 200px; /* this should be the width you need, please assign your own */
margin: 0 auto;

在.qa nav主类中添加以下规则：

text-align:center;

这会给你在中间漂浮的期望效果。但我建议您稍微修改一下标记，去掉所有的跨距和中心标记

上面给出了下图中显示的结果：

---

图像在哪里？另外，请注意HTML，您在这里犯了错误---body{background url:url（raypeat.gif）没有重复左上角；边距：0；填充：0；---我认为应该是body{background:url（raypeat.gif），那么居中的问题是什么呢？图像是（主要的）菜单。如果你把iphone转到一边，你会看到它们没有居中……我试过在.qa-nav-main和.qa-nav-mean-item中编辑这么多东西，但是如果我在后者中设置

float:center

，菜单项都在一个新行上（尽管它们居中）.据我所知，根据CSS标准，没有float:center。您可以将外部容器设置为“text align:center”，然后将另一个容器环绕在按钮项周围，将其宽度显式设置为所需的值，然后设置“margin:0 auto；”让它居中。太好了，Johannes！有没有办法不指定固定的宽度就可以做到这一点？谢谢！我不这么认为，但是如果你的网站使用php或任何其他语言或动态网站，你可以简单地在元素上设置内联css，通过实际计算内部跨距的数量并将其设置为count*singleItemWith。你可以d也可以使用javascript在客户端完成这项工作。它确实帮了我很多忙：）。非常感谢。

text-align:center;