0

所有，我有如下的 html。我想要H2元素并Div水平左对齐。请帮我 。谢谢。

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

5 回答 5

2

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

h2{float: left;}
于 2012-11-09T03:19:39.957 回答
2

是的你可以。您应该为 h2 和 div 设置宽度，并确保它在页面宽度内。然后你应该使用float: leftcss 样式。

于 2012-11-09T03:20:47.707 回答
1

您可以在代码中通过浮动对齐元素使 h2 和 divfloat:left;

笔记：

  1. 绝对定位的元素会忽略 float 属性！
  2. 当浮动元素比它所在的元素更宽或更高时，浮动元素可以与其他元素的边距、边框和填充区域重叠
  3. 浮动元素之前的元素不受影响，只有浮动元素影响之后
于 2012-11-09T03:21:55.093 回答
1

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

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 元素，因为将其呈现为块将占用所有水平空间。

于 2012-11-09T03:22:42.783 回答
0

把它放在<head>和之间</head>

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

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

于 2012-11-09T03:26:11.497 回答