1回答
我试图让我的引导模式在页面出现后水平居中，但我似乎只能让代码垂直居中。, Math.max(0, ($(window).height() - modalDialog.height()) / 2)); // Align modalwhen it is displayed
$(".modal").on("shown.bs.modal", align
浏览 3提问于2020-06-05得票数 1
2回答
为了根据内容改变模态的宽度，我试图垂直地对一个具有modal-dialog的display: inline-block进行居中。我使用text-align: center将模式水平地居中于modal上，但这并不是垂直地将其居中。我该如何垂直地对着它呢？ text-align: center; max-width: 100%;
wid
浏览 4提问于2022-07-27得票数 -1
我正在看这个页面- https://getbootstrap.com/docs/5.0/components/modal/ 此示例显示了垂直居中模式。 <!-- Vertically centered modal --> ...</div> 默认情况下，
浏览 25提问于2021-08-11得票数 0
4回答
我在有一个弹出窗口，我需要弹出的div垂直居中。还会有更多，因为它是Tumblr，博客有不同的帖子，所以div的高度会有所不同。我需要它在中间垂直居中，以便内容向上和向下扩展。
浏览 0提问于2011-01-17得票数 1
你会看到modal在那里很有魅力，但它不是水平居中的。我尝试了所有方法:边距、浮点数、文本对齐，甚至<center>.modal { top: 10%; background-clip: padding-box;.mode-body：
.modal-body
浏览 7提问于2013-08-16得票数 5
该模式停留在页面底部，而我的布尔值用于显示/隐藏该模型，下面是我所称的：没有任何帮助，当我移除打开的支柱时open={this.state.showServiceModal}> <Modal.Title>Service</Modal.Title>
</<
浏览 0提问于2019-02-13得票数 0
回答已采纳
1回答
默认情况下，当modal打开时，modal的CSS设置如下：我怎样才能使它垂直居中？也就是说，我在modal上面和下面有相同数量的像素
浏览 1提问于2015-09-17得票数 0
1回答
我试图在我的# some元素中将一些文本在垂直和水平方向居中：{ color: white; height: 999px;<div id="modal"></div>
浏览 0提问于2015-02-04得票数 1
2回答
垂直放置对话框是正确的，但是，使用width: "auto"选项时，对话框不会水平居中。它是偏心的，就像中心右边的100px。下面是我的代码： e.preventDefault(); title: $(this).attr('ti
浏览 1提问于2012-01-15得票数 7
所以我使用CSS flex来创建垂直居中的模态弹出窗口( align-items: center; )。问题是，当Modal比视窗高(并且是可滚动的)时，Flex会优先考虑“居中”，因此无法访问模式的顶部。
有没有人找到解决这个问题的方法？我可以使用媒体查询来使所有模态flex-start对齐，但我仍然希望较小的模态垂直居中。
浏览 1提问于2017-03-02得票数 3
1回答
居中模式窗口
、、、
我想将此日期选择器居中，以使其在移动设备上更易于使用，但我无法使其正常工作。它在水平方向上居中，但并不正确，并且模式会随窗口大小而缩放。在垂直方向上，它根本没有居中。小提琴：
浏览 0提问于2015-04-28得票数 0
我正在做一个登录模式，并希望内容是居中水平和垂直。我的CSS以我想要的方式居中，但当我添加JavaScript时，它只是水平居中。我的密码怎么了？谢谢!var modal = document.getElementById('login-modal');
// Get the button that opens themodal
浏览 0提问于2019-01-28得票数 1
回答已采纳
5回答
我的css代码- position: fixed; width: 100%; background: rgba(0,0,0,.8); display: none; left: 0;.reveal-modal {
visibility: hidden
浏览 7提问于2014-02-22得票数 0
"modal" data-target="#myModal">Click here</button>
<div id="myModal" class="modal fade-in" role="dialog">
<div class="modal-dialog">-- Modal cont
浏览 3提问于2017-02-06得票数 0
我正在使用这个jQuery函数来垂直居中模态。var centeredModal = function() { $clone.remove();
jQuery(this).find('.modal-content').css({"margin-top" : &
浏览 0提问于2016-03-24得票数 0
find('.modal-content').css({ 'font-weight': 'bold',
color:
浏览 11提问于2016-06-27得票数 13
回答已采纳
我为我的框架创建了一个Modal。我创造了一切像HTML代码，CSS代码和JS代码…，它的工作非常好！.ji-modal { height: auto; display: none;}
我读过，如果你的宽度是固定的&你的标签有一个绝对或固定的位置，你可以通过向左或向右给予50%来使它
浏览 23提问于2016-07-30得票数 26
回答已采纳
2回答
无法将模式图像垂直居中
、、、、
我说的中心是指垂直方向。从水平上看，它完美地处于中心位置。 模态代码取自W3School's网站，我去掉了标题，对html和css做了一点修改。我尝试过的： 我尝试通过在.modal类中添加以下代码来使模式居中： top:50%; transform:translate(-50%, -50%); 我也尝试过以下是使用不是垂直居中的图像的模式的工作版本： // Get the modal
const modal
浏览 18提问于2021-07-06得票数 1
1回答
我有一个我垂直放置的模型： var top, left; left = Math.max($(window).width() - $modal.outerWidth(), 0) / 2;$modal.css({
top:top + $(window).scrollTop(),
浏览 0提问于2018-03-12得票数 0
2回答
我已经找到了一个解决方案，可以在模式打开时阻止body滚动： body.modal-open { position: fixed;
width
浏览 14提问于2019-03-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
