HTML5水平图像位置

我是相当新的HTML5因此这也许看起来是一个简单的问题，虽然我还没有发现关于这个网上的信息。它看起来好像人们总是希望做到这一点，他们用一个表大多数情况下（但我明白，已不再是个好主意）HTML5水平图像位置

在我的头区域，我需要并排几个图像侧放置。他们应该是合理的，所以图像之间有空间，每个图像都在正确的位置。我有一个适当大小的标题块，但在我的生活中无法弄清楚如何正确地将图像排列在其中。

的图片应该奠定了这样的：（http://imageshack.us/photo/my-images/339/tmpyg.jpg/）

我已经试过这样：

<header> 
<img src="ICUWB.jpg" alt="ICUWB" height="100" width="250"/> 
<img src="Logo.jpg" alt="ICUWB" height="250" width="250"/>  
</header>

但我不知道需要在CSS区去我猜

header { 
    background: #3d3837; 
    margin: 0 auto; 
}

感谢您的帮助。

来源

2011-05-10 bashirs

我知道你是想实现其像这样的“快照”是什么（彩色边框上的图像只看到“碎片”更容易），该头是浅灰色。

http://imageshack.us/photo/my-images/200/unled1ik.jpg/

有几种方法可以做到这一点，第一个：
（I并将ID到报头（可选））。

<header id="arriba"> 
    <img src="1.jpg" alt="1" /> 
    <img src="2.jpg" alt="2" /> 
    <img src="3.jpg" alt="3" /> 
</header>

的CSS：

header#arriba { 
    width:960px; 
    height:350px; 
    clear:both; 
    margin:auto; 
    text-align:center; 
    background-color:#ccc; 
} 

header#arriba img { 
    vertical-align:middle; 
    margin:0 2px 0 2px; /* YOU CAN ADJUST IMAGES SPACE WITH THIS MARGINS */ 
}

希望这是你所需要的。
此致敬礼。
P :.

来源

2011-05-11 11:24:17 Putuko

非常感谢。这工作完美。 – bashirs 2011-05-11 20:07:34

根据您当前的标记，添加这个CSS：

header img{ 
    float:left; 
    margin-right:5px; 
}

顺便说一句，你可能会想给一类以这些图像，并在稍后的时间类瞄准他们。

来源

2011-05-10 23:58:28 Todd

这也是一个完美的答案。一旦我获得了足够的声望，我会升高（我仍然太低）。非常感谢。 – bashirs 2011-05-11 20:08:36

HTML5水平图像位置

回答

相关问题