Question

＆＃13;

body {
  margin: 0;
  width: 100%;
  background-color: #292929;
}
.holder {
  width: 66%;
  height: 330px;
  background-color: #412A22;
  position: relative;
  -webkit-box-shadow: 2px 2px 2px 0px #000000;
  -moz-box-shadow: 2px 2px 2px 0px #000000;
  box-shadow: 2px 2px 2px 0px #000000;
  display: inline-block;
}
.holder:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    border-top: 50px solid #292929;
    border-right: 50px solid #412A22;
    width: 0;
}
.sidething {
  float: left;
  width: 100px;
  display: block;
}

＆＃13;

	<div class="main">
	<div class="holder">
		<div class="holder-imgs">
		</div>
		<div class="contact">			
		</div>
	</div>
	<img class="sidething" src="Layer%203.png">
	</div>

＆＃13;

这是我的CSS和HTML，我基本上需要的是将图像和div放在页面中间。以下是图片的外观：http://imgur.com/IROUUk2

提前致谢

Answer 1

为什么不做这样简单的事情：

<center>
<div class="main">
<div class="holder">
    <div class="holder-imgs">
    </div>
    <div class="contact">           
    </div>
</div>
<img class="sidething" src="Layer%203.png">
</div>
</center>

简单的HTML - 应该做的伎俩！

或者，如果你是主'持有人'div只包含文字，你可以将以下属性添加到'持有人'div css：

text-align: center;

您可能会发现this site有用！

希望这有帮助，祝你好运！

我有一个div和一个图像，我需要它们在屏幕中间对齐

1 个答案: