gpt4 book ai didi

html - 我的图片没有显示在网站顶部,对齐有问题吗?

转载 作者:太空宇宙 更新时间:2023-11-04 12:04:17 26 4
gpt4 key购买 nike

这是我的问题的屏幕截图:http://i.imgur.com/oXkLNeY.png ,正如您在此处看到的那样,引用与网站顶部不对齐,我不知道为什么会这样。任何解决方案?这是代码:

<body>
<div id="container">
<div id="header"> <img src="media/images/logo.png"> </div>

<div style="background: #000; width: 440px; height: 344px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); text-align: justify; display: inline-block;"> <img src="media/images/covers/comingsoon.png"></div> <!-- YOUTUBE -->

<div style="background: #000; width: 410px; height: 125px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); text-align: justify; display: inline-block;"><h1 style="margin: 10px;">"The sky above the port was the color of television, tuned to a dead channel."</h1></div> <!-- QUOTE -->

<div style="background: #000; width: 405px; height: 125px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); display: inline-block;"> <a href="http://breathlessrpg.com/"> <img width="400px" src="media/images/covers/breathless.png"> </a> </div> <!-- BREATHLESS -->

<div style="background: #000; width: 405px; height: 125px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); display: inline-block;"> <a href="http://breathlessrpg.com/"> <img width="400px" src="media/images/covers/breathless.png"> </a> </div> <!-- BREATHLESS -->

<div style="background: #000 url(http://38.media.tumblr.com/c24cbbf9efaed9992839b7feca83f9be/tumblr_nlzqeuNbDp1slaspwo2_500.gif); width: 860px; height: 212px; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.95); margin: 0px auto;"><img src="media/images/covers/secret.png"></div> <!-- SECRET_SOCIETY -->

</div>
</body>

我希望报价紧挨着 comingsoon.png 框,然后是下面的其余图片。

最佳答案

很可能浏览器的默认边距或填充(通常在 16px 左右)没有被覆盖。

尝试将以下内容添加到您的 CSS:

html,body {
margin: 0;
padding: 0;
}

关于html - 我的图片没有显示在网站顶部,对齐有问题吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29501229/

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