HTML：替代

发布时间：2020-12-14 18:31:28 所属栏目：资源来源：网络整理

导读：我一直以为替换 center标签与 div style =“text-align：center;”会得到相同的结果.显然我错了. 这是我的HTML的一部分： (您也可以在我为此问题创建的页面中看到它的运行情况： http://www.moviez.4pu.com/ErrorPageSO.aspx div style="margin: 0 auto; bac

我一直以为替换< center>标签与< div style =“text-align：center;”>会得到相同的结果.显然我错了.

这是我的HTML的一部分：
(您也可以在我为此问题创建的页面中看到它的运行情况：
http://www.moviez.4pu.com/ErrorPageSO.aspx

<div style="margin: 0 auto; background-color:red;border:5px solid black;margin-top:5px;width:750px;text-align:center;">
    <span style="width:560px;padding-right:10px;text-align:left;float:left;">
    <h1>Oops... We're sorry.</h1>

    <h3>You've just encountered an unknown error. <br /></h3>
    This site is a work-in-progress,we have already been informed of the error and will do our best to fix it. <br />
    We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.<br />
    <br />
    <h3>
    You can go back to the <a style="text-decoration:underline;" href="Default.aspx">Home page</a> and continue using Moviez.NET.       
    </h3>
    </span><span style="width:180px;float:left;"><img src="Resources/Images/404.jpg" /></span>
</div>

我想做两件事：

>摆脱< center>标记,同时将div保持在页面的中心.
>确保外部DIV背景颜色和边框影响内跨距.

更新：
目标1完成.
目标#2的时间.

解决方法

使用保证金：0自动;封闭的< div>

<div style="margin: 0 auto; background-color:red;border:5px solid black;margin-top:5px;width:750px;text-align:center;">
  <span style="width:560px;padding-right:10px;text-align:left;">
  <h1>Oops... We're sorry.</h1>

  <h3>You've just encountered an unknown error. <br /></h3>
  This site is a work-in-progress,we have already been informed of the error and will do our best to fix it. <br />
  We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.<br />
  <br />
  <h3>
  You can go back to the <a style="text-decoration:underline;" href="Default.aspx">Home page</a> and continue using Moviez.NET.           
  </h3>
  </span><span style="width:180px;"><img src="Resources/Images/404.jpg" /></span>
</div>

See it in action.

参考：CSS: centering things

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!