我正在构建一个正在构建的页面,其中包含一个背景图像,以及我在Photoshop中制作的两个图像。他们说的是“我们正在建设中”和“Quinncuatro Productions的产品”。现在,所有内容都显示在页面上,但图像看起来真的像是拥抱在页面的左侧。这就是我现在所拥有的。我最简单的想法就是现在的样式标签。我的第一个和第二个想法是在标题评论中。我做错了吗?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Think Klinck</title>
<style>
body{
background-image:url('metalBackground.jpg');
}
img{
margin-left:auto;
margin-top:auto;
}
/*This was the first idea that I had:
.UnderConstruction{
align:center;
margin-left:auto;
margin-top:auto;
}
.Q4Productions{
align:center;
margin-left:auto;
margin-top:auto;
And this was my second:
div.center{
margin-left:auto;
margin-top:auto;
}
*/
</style>
</head>
<body>
<div id="UnderConstruction" class="center">
<img src="UnderConstruction.gif" alt="ThinKlinch.com is regretfully under construction.">
</div>
<div id="Q4Productions" class="center">
<img src="Q4Productions.gif" alt="A product of Quinncuatro Productions.">
</div>
</body>
</html>
答案 0 :(得分:1)
#UnderConstruction,#Q4Productions{
text-align:center;
}
或者
.center{
text-align:center;
}
这会将您的图像置于div中。