gpt4 book ai didi

html - 调整大小时居中对齐图像?

转载 作者:太空宇宙 更新时间:2023-11-03 19:38:21 24 4
gpt4 key购买 nike

当我根据需要调整“ Logo ”的大小时,它不再在页面中央对齐,现在当我添加最后两个 .logga 时它位于左侧。

所以这是我的代码:

body {
background-image: url(http://i.stack.imgur.com/iOkRy.png);
background-color: #cccccc;
background-repeat: no-repeat;
background-size: cover;
}
.logga {
width: 200px;
height: 120px;
}

.logga img {
width: 100%;
height: auto;
}
<!DOCTYPE HTML>
<html>
<head>
<title>Hello</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div class="logga" align="center">
<a href="/start"><img src="http://i.stack.imgur.com/iOkRy.png" alt="Hello"></a>
</div>
</body>

</html>

最佳答案

它与包含的 div 的中心对齐。如果你需要 div 居中。父元素需要有一个 width 属性,然后子元素需要 margin-left: automargin-right: auto;

示例 fiddle 在这里:

https://jsfiddle.net/8yhsr5ba/

关于html - 调整大小时居中对齐图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32973507/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com