无法将我的布局与 div 居中 [重复]答案

【问题标题】：Can't center my layout with divs [duplicate]无法将我的布局与 div 居中 [重复]
【发布时间】：2023-03-30 08:30:01
【问题描述】：

我找不到使布局居中以保持视频 div 完整的方法。每当我使用自动左右边距将其居中时，当我调整窗口大小时，div 会遍布整个地方。

有没有办法解决这个问题？

【问题讨论】：

请包含相关代码。有关您尝试过的内容的详细信息。此外，当我检查链接时，我发现您确实需要学习一些基本的 html/css。例如。内联样式位于 style='' 属性中。和<style/> 元素大多属于<head> 元素而不是<div>。
显而易见，是的，我知道我需要学习。我是新手。
无论哪种方式.. 我只想将布局的主图像放置在页面的中心，这样在调整窗口大小时 div 不会四处移动。我试图定位它，但似乎没有任何效果。我可能把东西放在了错误的地方。
这几乎与以下问题相同：stackoverflow.com/questions/11785227/…我的回答有关于如何居中图像/div 的说明
@user1572481 htmldog.com/guides/cssbeginner

【解决方案1】：

对于初学者来说，没有必要声明两个单独的 CSS <style> 标签。将它们编译成一个甚至更好，从外部文件调用您的 css。接下来，在<head></head> 部分中有一个<div id="wrap">，没有结束标记。将您的内容保留在正文中，并确保将它们关闭。

至于您的布局本身，考虑到您为整个页面使用单个图像，这应该是相当简单的编码。根据需要放置图像，然后仅使用 top: 和 left 标签将视频 div 放置到位。老实说，没有必要宣布你的利润。您正在使用绝对定位。

此外，为了清洁起见，您应该首先声明您的 main 包装器。还有其他几种方法可以使用您的方法创建站点（并且更清洁的方法请注意），但从这个开始并完成它。如果您需要更多信息（外部样式表等），您可以在此处询问，但 Google 是您的朋友。

【讨论】：