Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将图片和链接居中放置在车身上_Html - Fatal编程技术网

Html 将图片和链接居中放置在车身上

Html 将图片和链接居中放置在车身上,html,Html,我想创建一个如图所示的打开页面。在我的身体上,我想在中间放一张照片。但我无法将图片垂直居中。我不想使用固定高度,因为它需要在任何屏幕上工作 <body> <div id="picture> <a id="link" href="...">Link</a> </div> </body> 你能试试这个吗 <html> <head> <style> #pict

我想创建一个如图所示的打开页面。在我的身体上,我想在中间放一张照片。但我无法将图片垂直居中。我不想使用固定高度,因为它需要在任何屏幕上工作

<body>
    <div id="picture>
         <a id="link" href="...">Link</a>
    </div>
</body>
你能试试这个吗

<html>
<head>
<style>
#picture{
position:absolute;
width:300px;
height:200px;
z-index:15;
top:50%;
left:50%;
margin:-100px 0 0 -150px;
background:green;
}
</style>
</head>
<body>
<div id="picture">
<a id="link" href="...">Link</a>
</div>
</body>
</html>

在你的图片容器中使用这个

续{ 保证金:0自动; 文本对齐:居中; } 续{ 显示:内联块; } ?