0

我正在学习 HTML5，我需要一些文本和图像。图像应该出现在左侧，文本应该出现在中心。我想要做的是我创建了一个 div 布局，我在其中放置了图像和文本，但问题是文本位于中心但下降到图像，而不是图像的同一侧..

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="header" style="height:110px;background-color:#383838;">
<img src="logo2.jpg" alt="AB" ></img>
<h1 style="text-align:center">A</h1>
<h2 style="text-align:center">B</h1>
</div>
</body>
</html>

jsFiddle 代码http://jsfiddle.net/EVvG4/

4

1 回答 1

0

自己试一下，我不能用那个页面...

<!DOCTYPE html>
<div id="header" style="height:110px; width: 1024px; background-color:#383838; margin: 0 auto;">

<div id="img-container" style="position: absolute;">
    <img src="logo2.jpg" alt="AB" style=" width: 100px; margin: 0 auto;" />
</div>
<div id="both-container" style="width: 500px; margin: 0 auto;">
<div id="text-container" style="position: absolute;">
    <h1 style="text-align: center">A</h1>
    <h2 style="text-align:center">B</h2>
</div>
</div>
</div>

对于标题，如果要将其浮动在中心：

.header
{
    (fixed width) width: 1024px;
     margin: 0 auto;
}

然后，如果你想在其中浮动不同的东西，你有几种方法：

  1. 使用浮动：右/左样式
  2. 使用div positions：位置：绝对/相对...

定位选项：学习 CSS 定位

于 2013-04-23T10:18:07.413 回答