2个以html页面为中心的div

Posted 2023-03-29

【中文标题】2个以html页面为中心的div

【英文标题】：2 divs centered in html page

【发布时间】：2017-04-08 01:35:52

【问题描述】：

我试图使我的网页布局更好，所以我想在我的 html 页面的中心放置两个 div。我无权访问我的 css 文件。是否可以在没有 css 的 html 代码中将两个 div 居中在一个页面上？

这是我的代码：

<div style="width: 100%;">
<div style="; width: 100%;">
<h1 style="text-align: center;">This is Web Page Main tit</h1>

<div style="position: relative;
   float: left;
   left: 0px;
   width: 470px;
   height: 470px;
   margin: 0 auto;
   background-color: #828282">
<div><strong>Main Menu</strong></div>
  </div>

<div style="position: relative;
   float: left;
   margin: 0 auto;
   left: 0px;
   width: 470px;
   height: 470px;
   background-color: #828282">
<p>oke and Managerial Tutorials</p>
</div>

</div>
<div style="background-color: #b5dcb3; clear: both;">Here text</div>
</div>

【问题讨论】：

为什么你不能访问你的 CSS？这听起来太离奇了，除了愚蠢的任务或类似的任务之外什么都不是......

【参考方案1】：

对于两个相邻的<div>，在您的页面中心对齐：

<center>
<div>
<div style="display: inline-block">
<!-- div 1 contents -->    
</div>
<div style="display: inline-block">
<!-- div 2 contents -->
</div>
</div>
</center>

【讨论】：

感谢您的回答。我有一个 CMS 页面，但我只能访问一个 html 文件。我想要两个相邻的 div 居中。可能吗？有了你的回答，我可以将每个 div 放在自己的中心。

给你，编辑帖子以满足你的要求：D

【参考方案2】：

我知道有一个<center> html 标签可以尝试，将它放在</center> 之前和之后你想要居中的 div，或者如果你仍然可以改变你的内联样式，摆脱浮动，清除，定位和添加

div 
  margin: auto;

你还有一个杂散的分号<div style=";width: 100%;">