html / css定位图像
[英]html / css positioning images
问题描述
我正在寻找将我的图像放置在屏幕中间的位置，可能在左侧或右边，但是我正在寻求有关如何将图像放置到我所感觉的位置的帮助，如果您认为自己是，请更正我的html / css使其变得太难/不正确-预先感谢-英里
编辑：对于那些想知道此页面是什么的人，这是一个带有背景图像的入口页面，另一个图像显示“在此处输入”，该图像超链接到我的实际网站的索引。
<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;
}
3 个解决方案
解决方案1
0 2018-11-30 17:47:27
使用text-align属性，以防万一将图像放置在所需位置
解决方案2
0 已采纳
img {
margin-left: auto;
margin-right: auto;
display: block;
}
然后，您可以添加padding以左右调整。 在这种情况下， text-align: center无效。
编辑：如果您想更短一些，这是一个较短的版本。
margin: 100px auto 0 auto;
此代码段的margin-top为100px 。 运作方式如下。 代替使用关键字margin-top ， margin-right等，我们使用main关键字，只是margin 。 然后的职位：
margin: [top] [right] [bottom] [left];
这也适用于padding 。
解决方案3
0 2018-11-30 18:16:38
如果选择将图像放在CSS中，请查看属性“ background-size”和“ Background-position”。
我希望您选择将图像放入img标签中，并在上面的容器中指定位置。 有两种处理方法。 Flexbox和CSS网格（有关详细信息，请访问w3网站）。 使用这些方法之一定位后，可以使用将在图像的CSS中设置的属性“ margin”来调整图像的位置。
确保它有放置图像的原因-CSS或HTML。 放置在html中的图像应与内容相关（例如产品图片）。 CSS放置的图像对于内容来说应该是不必要的（例如装饰图像）。
使用HTML / CSS定位图像
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.