gpt4 book ai didi

html/css定位图片

转载 作者:行者123 更新时间:2023-11-28 00:45:24 25 4
gpt4 key购买 nike

我希望将我的图像定位在屏幕中间,可能向左或向右一点点,但我正在寻求有关如何将图像定位到我感觉的任何位置的帮助,如果您需要,还可以更正我的 html/css相信我让它变得太难/不正确 - 非常感谢 - Miles

编辑:对于那些想知道这个页面是什么的人来说,它是一个带有背景图像的入口页面和另一个显示“进入此处”的图像,该图像超链接到我的实际网站的索引。

<html>

<head>
<title>Enter</title>
<link rel="stylesheet" href="style1.css">
</head>

<body background="index1background.jpg">

<div id="enterhere">
<p><a href="index2.html" title="Enter Here"><img src="index1enter.png"
alt="Enter Here"</a></p>
</div>

</body>

</html>

CSS:

#enterhere {
position: middle;
}

最佳答案

img {
margin-left: auto;
margin-right: auto;
display: block;
}

然后你可以添加padding来左右调整。 text-align: center 在这种情况下不起作用。

编辑:如果你想更短,这里有一个更短的版本。

margin: 100px auto 0 auto;

此代码段包含 100pxmargin-top。这是它的工作原理。我们没有使用关键字 margin-topmargin-right 等,而是使用主要关键字 margin。然后是职位:

margin: [top] [right] [bottom] [left];

这也适用于 padding

关于html/css定位图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53562376/

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