1

背景画像と、Photoshop で作成した 2 つの画像で構成される、作成中のページを作成しています。彼らは、「私たちは建設中です」と「Quinncuatro Productions の製品」の趣旨で何かを言っています。現在、すべてがページに完全に表示されていますが、画像はページの左側にぴったりと収まるように見えます. これは私が今持っているものです。私の最も単純なアイデアは、現在のスタイル タグにあります。私の最初と 2 番目のアイデアは、ヘッダー コメントにあります。私は何か間違ったことをしていますか？

<!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>
4

1 に答える 1

1 
#UnderConstruction,#Q4Productions{
    text-align:center;
}​

または

.center{
    text-align:center;
}​

これにより、画像が div 内の中央に配置されます。

于 2012-10-13T21:02:11.027 に答える