<div id="logo" style="center"><img src="logo1.png"></img></div><br><br><br><br><br><br><br></div>
这行不通。div的样式有什么问题?我确定语法是错误的。
“中心”不是一种风格。您可能正在寻找text-align: center
.
图像像换行符一样自动关闭。你不使用</img>
.
</div>
您在行尾有一个备用关闭。其中一个需要删除,我不确定你想要它在哪个位置。
<div id="logo" style="text-align: center"><img src="logo1.png"></div><br><br><br><br><br><br><br>
您不能像那样在 div 中定义样式,而是可以在 css 中定义 div 属性并调用 css 的类或 id。
尝试这个。您必须如下所示设置 div 的宽度才能使其正常工作。要指定div内的文本居中,只需应用 style="text-align: center"
<div id="logo" style="margin-left: auto; margin-right: auto; width: 500px; border: 1px solid #ff0000">Your content here....</div>
注意:将 500px 宽度设置为您想要的宽度。此外,删除边框:指令。我刚刚添加了这一点,以便您可以看到 DIV 居中。
使元素居中的最佳方法可能是指定其宽度并将侧边距设置为自动:
例如,如果你的 logo1.png 是 570px 宽,你会在 css 中做这样的事情
#logo{
margin:0px;
margin-left:auto;
margin-right:auto;
width:570px;
}