Question

所以我有6张带文字的图片＆＃34; Attatched＆＃34;给他们。目前，我想将它们置于屏幕中间，因为我正在制作门户网站。现在，他们在左上角，我不能让我的生活正中心。

我的CSS和HTML，对此的任何帮助都将非常感谢！

＆＃13;

body {
background-image: url(images/bg.png);
}
.image {
    float: left;
}
.text {
	float: auto;
    text-align: center;
	font-family: 'Poiret One', cursive;
	color: white;
	font-size: 50px;
}

a:link {
    color: white;
}

a:visited {
    color: white;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

＆＃13;

<div class="image">
    <a href="http://www.google.com"><img src="images/home.png" height="130" width="160"/></a>
    <div class="text">
        Home
    </div>
</div>

＆＃13;

Answer 1

调整图像边距并将显示更改为阻止。然后图像将居中对齐到屏幕中间。

.image {
    position: fixed;
    top: 50%;
    left: 50%;
}

有关详细信息，请参阅此link。

Answer 2

使用“ margin：auto ”

设置图像的边距

将图像置于文本中心

2 个答案: