エラー 12306_html/css_WEB-ITnose が原因で考えられる div の垂直方向のセンタリングの問題

今日、元旦に帰省するためのチケットが残っているかどうかを確認しようと思い、こっそり12306を開いて帰国のチケットを確認し始めましたが、再度確認したところ、チケットが見つからないことがわかりました。 、エラーがありました

これを見てとても落ち込んだのですが、最近divを縦方向中央にしたいと思っていたので、早速試してみました。間違いなく垂直方向の中央に配置されます

試してみましたが、さまざまな解像度に対応できます。

予想どおり、ソース コードを右クリックします

div class="err_text">                         <ul id="error" >                         <li id="err_top">                                                  </li>                                                  <li id="err_bot">　　网络可能存在问题，请您重试一下！</li></ul></div>

次に、CSS がどのように記述されているかを見てください

.err_text{    position:absolute;    margin-top:-159px;        top:50%;    left:50%;    margin-left:-247px;    width:495px;    height:282px;}#error{    width:495px;    margin-left:auto;    margin-right:auto;    list-style:none;}#error li{    list-style:none;}#err_top{    background:url(err_top.gif) no-repeat;    height:78px;    line-height:78px;    width:495px;    }#err_bot{    background:url(err_bot.gif) no-repeat;    height:204px;    padding-top:50px;    width:495px;        text-align:center;    font-size:14px;    font-weight:bold;}

この時点で、キー コードが実際には一番上にあることに気付いたはずです。 50%、左:50% もちろん絶対位置決めが前提なのでセンタリングが可能です