我一直以为替换< 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>