html - 调整模态条款和条件

Question

美好的一天，我只是想问一下如何在模式弹出窗口中将条款和条件中的文本居中。添加模态 css 以尝试居中它似乎不起作用。感谢任何可以提供帮助的人。

HTML:

<div class="modal fade" id = "myModal" tabindex = "-1" role = "dialog" aria-labelledby = "myModalLabel" aria-hidden = "true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="container spacer text-align-justify">
            <div class="row">
              <div class="col-md-12 col-xs-12 spacer"><br><br></div> <!--spacer-->

              <div class="col-md-12" style="width: 700px;">
                <div class="col-md-12 text-align-center">
                  <h2 class="bold_font">GENERAL TERMS AND CONDITIONS</h2>
                  <br><br><br><br>
                </div>..................................................

......................................条款和条件内容

CSS:

.modal {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -150px;
   margin-top: -150px;
}

screenshot

Answer 1

您可以添加转换:translate(-50%, -50%);左边:50%； top:50%; 在模态框类中

.modal {
        width: 300px;
        height: 300px;
        top:50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        position: absolute;
       }