css - div在html中为wordpress居中

Question

<div id="logo" style="center"><img src="logo1.png"></img></div><br><br><br><br><br><br><br></div>

这行不通。div的样式有什么问题？我确定语法是错误的。

Answer 1

1. “中心”不是一种风格。您可能正在寻找text-align: center.

2. 图像像换行符一样自动关闭。你不使用</img>.

3. </div>您在行尾有一个备用关闭。其中一个需要删除，我不确定你想要它在哪个位置。

<div id="logo" style="text-align: center"><img src="logo1.png"></div><br><br><br><br><br><br><br>

Answer 2

您不能像那样在 div 中定义样式，而是可以在 css 中定义 div 属性并调用 css 的类或 id。

Answer 3

尝试这个。您必须如下所示设置 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 居中。

小提琴

Answer 4

使元素居中的最佳方法可能是指定其宽度并将侧边距设置为自动：

例如，如果你的 logo1.png 是 570px 宽，你会在 css 中做这样的事情

#logo{
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    width:570px;
}