我无法正确处理 <body>
中的内容始终保持在中间 ( margin-left / margin-right
) 距离,即使它们被延长也是如此。目前,我有标题(导航栏)和 Storyboard工作,虽然主体似乎没有正确定位,因为我不确定如何编码。
当我编码时,我使用边距距离和宽度来满足 1280x720
的全屏屏幕分辨率。 ,它居中的位置,但是当我在 1920x1080
上打开网站时, 正因为如此, body 更靠左。
在 1080p 分辨率下:
正如您在上面看到的,当真正扩展时,内容仍然位于左侧。它不能是边距,因为我没有在我的 CSS 中使用任何边距,它嵌入在没有 CSS 的 .container 中,所以我怎么能把所有这些都居中呢?
它的 CSS 是:
这 2 个 div/部分嵌入在主 div 容器中,也就是整个主体。行是你看到的三张图片,.info是下面的信息。也许定位这个中心会将其中的所有其他内容也转移到中心?我目前也没有 .container 的代码,所以我不确定我会做什么。
最佳答案
margin: auto;
是水平对齐的绝佳选择。
参见 http://learnlayout.com/margin-auto.html
参见 https://developer.mozilla.org/en-US/docs/Web/CSS/margin
肖恩
关于html - 在调整大小/视口(viewport)时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34173128/