定位事情

Question

我会尽量让我的问题很简单，你2

基本上，我有一个DIV，其中我有一个画面

什么CSS样式我应该适用于图片与条件正确定位的div 内部的，每次我调整在相同距离的浏览器窗口，它住宿有（在div内）从边境

对不起，浪费你的时间但是我仍然是一个需要帮助的新手，非常感谢你！

EXAMPLE HERE

代码

HTML

<div id="super_div"> 
<img id="eyes" src="images/eyes.png" /> 
</div> 

CSS

that's the question :) 

Answer 1

您需要查看绝对位置。首先，将包含div的position属性设置为relative。例如：

#super_div 
{ 
    position: relative; 
} 

然后，图像的位置属性设置为绝对的，使用顶部和左侧或右侧属性放置在父DIV中。因此，例如：

#eyes 
{ 
    position: absolute; 
    top: 20px; 
    left: 20px; 
} 

这就是您如何使图像保持其当前位置，无论如何。 Here's a link to an article explaining the basics.希望这有助于。

Answer 2

这将得到它水平居中：

margin:auto; 

如果你需要它垂直居中，那么事情会变得更棘手。你可以使用表格，使用背景图片（如果这适合你的情况）或者摆弄CSS。我使用http://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/上的代码作为解决前段时间类似情况的基础。