Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 正确居中图像（边距自动？）_Html_Css_Mobile_Position - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 正确居中图像（边距自动？）

Html 正确居中图像（边距自动？）

html css mobile

Html 正确居中图像（边距自动？）,html,css,mobile,position,Html,Css,Mobile,Position,我需要一个中心的内容框上方的标志，与中心对齐 目前，我使用以下代码： #logo img { margin: -12em 0 4em 17em; } 虽然这在电脑上有效，但在手机上却失效了。见截图 如何在两个平台上都获得我想要的功能？我试过边距：0px自动无效 网址： 您希望图像居中吗？那么为什么#logo设置为float:left在layout.css第89行中？删除浮动：从#logo左移，然后转到#logo img并添加： #logo img{ margin-left: auto;

我需要一个中心的内容框上方的标志，与中心对齐

目前，我使用以下代码：

#logo img {
margin: -12em 0 4em 17em;
}
虽然这在电脑上有效，但在手机上却失效了。见截图

如何在两个平台上都获得我想要的功能？我试过
边距：0px自动无效

网址：


您希望图像居中吗？那么为什么
#logo
设置为
float:left
在layout.css第89行中？
删除浮动：从#logo左移，然后转到#logo img并添加：


#logo img{
    margin-left: auto;
    margin-right: auto;
}



还有一个解决方案：
float:none！重要的如果您不想覆盖布局文件。@特伦斯科特：刚刚测试过，同样的问题。好像！“重要”甚至没有优先考虑浮动。要么更改布局文件，要么重新构造HTML，使您的徽标不在#徽标内。。有点奇怪。嗯。。。我要试一试。谢谢@TrentScott：你可以拥有layout.css文件和index.css文件，并用覆盖#logo div！重要，但是你不能用重要指定你的logo img，因为它不会传播到父元素