gpt4 book ai didi

html - 调整模态条款和条件

转载 作者:行者123 更新时间:2023-11-28 14:40:11 24 4
gpt4 key购买 nike

美好的一天,我只是想问一下如何在模式弹出窗口中将条款和条件中的文本居中。添加模态 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

最佳答案

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

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

关于html - 调整模态条款和条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53076209/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com