Question

全部，我有html如下。我希望H2元素和Div水平对齐。请帮我。感谢。

<html>
  <head>
  </head>
  <body>
    <div>
      <h2>xxx</h2><div>xxxx</div>
    </div>
  </body>
</html>

Answer 1

你可以像这样使用css规则：

h2{float: left;}

Answer 2

是的，你可以。你应该为h2和div设置宽度，并确保它在页面宽度内。然后你应该在css风格中使用float: left。

Answer 3

您可以在代码中按浮点对齐元素，使h2和div float:left;

注意：

绝对定位的元素会忽略float属性！

当浮动元素比其内部元素更宽或更高时，浮动元素可以与其他元素的边距，边框和填充区域重叠

浮动元素之前的元素只有在浮动元素受影响后才会受到影响

Answer 4

您必须在div元素上使用float：left属性。这是一个jsfiddle的例子：

<html>
  <head>
  </head>
  <body>
    <div>
      <h2>xxx</h2><div id="test">xxxx</div>
    </div>
  </body>
</html>

然后在你的CSS中你会得到：

#test {

    float: left;
}

或者，您可以将h2设置为显示为块元素。

h2 {
    display: block;
}

这会导致div元素低于h2元素，因为将其渲染为块会占用所有水平空间。

Answer 5

将其放在<head>和</head>

之间

 <style>
      body{
           text-align:left;
      }
 </style>

浮动也会有效。奇怪的是，在您的浏览器上它还没有显示在左侧。