1回答
我正在尝试使用上周发布的新改进创建一个Facebook Dialog。
我想要的是能够有一个链接，这样当它被点击时，弹出窗口就会生成，或者让它显示在页面上。我试着把它放在DIV中，然后用JQuery显示，但它不会在页面上居中。我已经得到了发布到用户墙的代码。只是不知道如何格式化JS代码和/或为弹出窗口创建链接。提前感谢！
浏览 1提问于2010-12-14得票数 1
3回答
JQuery注册表格点击弹出
、、、、
我试图使一个Javascript JQuery注册表格弹出链接点击.
所以我有个按钮：
<a href="#" class="cta">REGISTER NOW</a>
我正试图把它弹出一个简单的html注册表格，我可以把它存储在一个隐藏的注册DIV中。示例：
<div name="reg" style="visibility:hidden;">reg form</div>
我只是需要简单的登记表(只有全名和电子邮件)弹出(居中和移动响应)时，该按钮是链接。
我能在这方面得到什么帮助
浏览 2提问于2016-10-15得票数 1
回答已采纳
如果用户在稍微向下滚动后点击链接，jQuery手机弹出框是否可以显示在div上并居中到窗口？
这是一把小提琴，看看我到目前为止都有什么。
我使用silentScroll方法将页面滚动回目标元素的顶部。弹出框应该居中到窗口，但如果用户向下滚动了一点，我们希望向上滚动回小提琴中的绿色div，然后在窗口中心显示弹出框。
如果您向下滚动，使“链接2”位于窗口的最顶部，然后单击它，弹出框将出现在绿色div的下方，而不是绿色div的上方，并居中显示在窗口中。
这是我使用jQuery手机的超文本标记语言：
<div class="main">
<div class=&#
浏览 0提问于2013-07-11得票数 0
回答已采纳
4回答
我在有一个弹出窗口，我需要弹出的div垂直居中。还会有更多，因为它是Tumblr，博客有不同的帖子，所以div的高度会有所不同。我需要它在中间垂直居中，以便内容向上和向下扩展。不管怎样，这是可以做到的吗？
浏览 0提问于2011-01-17得票数 1
1回答
我有一组div，我已经设置为float:left，我希望它们都彼此一致，但仍然居中，这是我目前拥有的：
HTML
<div style="display: inline; text-align:center;">
<div id="generalmenu">
test
</div>
<div id="generalmenu">
test
</div>
<div id="generalmenu"&
浏览 0提问于2012-10-14得票数 1
回答已采纳
1回答
在屏幕上居中(水平和垂直)对齐<div>最兼容的方法是什么？
我目前正在使用CSS：
div.myBlock
{
position:absolute;
width:500px;
left:50%;
margin-left:-250px;
height:500px;
top:50%;
margin-top:-250px;
}
这在现代浏览器中工作得很好，但在老式的chrome/firefox等浏览器中就会变得一团糟。
它用于基本的弹出窗口，如FaceBook上的弹出窗口。
有什么想法吗？也许使用JS/jQuery是有效的？
浏览 0提问于2011-10-06得票数 3
回答已采纳
当用户悬停在红色框上时，我喜欢用jquery显示弹出气泡。问题是我仅仅通过实验就把代码组合在一起了……这没有任何意义！
$(window).load(function() {
$("#headloginuser ul li a").hover(function() {
divW = $(this).next("div").width()/4;
$(this).next("div").css({marginLeft: -divW }).animate({ opacity: "show" },
浏览 4提问于2012-06-20得票数 1
回答已采纳
5回答
我有一个包含ASP.NET表单的弹出窗口，单击“请求信息”链接，表单就会出现。
但是，具有“请求信息”链接以触发弹出窗口的页面具有大量内容，因此需要滚动才能看到该链接。
我需要让div始终居中，如果用户滚动阅读内容，否则，如果他们不滚动弹出仍然出现在屏幕居中。
div的位置是绝对的，整个页面宽度为960px，页边距设置为0 auto。
浏览 2提问于2011-11-28得票数 5
回答已采纳
1回答
我如何皮肤阴影盒，并确保弹出大小是固定的大小？
css部分是可以的，因为它只是覆盖ids和类。
然而，我不知道markup.js应该是什么样子。
以下是我的问题：
我创建了shadowbox-custom-skin/markup.js并添加了如下所示的钩子：
Add_filter(‘阴影框标记’，‘shadowbox_custom_markup’)；现在我找不到一个markup.js应该是什么样子的例子。
(我试图将sb-nav div放在内容之前，sb-title div放在内容下面，并添加一些新参数)。i使用这种方法修正了弹出窗口的大小：
rel="shadowbox;width=
浏览 4提问于2010-03-25得票数 2
如何克服此弹出错误"DataTables warning: table id=DataTables_Table_0 -无法重新初始化DataTable。有关此错误的详细信息，请参阅http://datatables.net/tn/3“ 另外，我想把桌子居中对齐，我该怎么做？ 我已经尝试了datatables网站上给出的方法，但它不能解决任何问题，如果我忽略这个错误会发生什么？ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
浏览 14提问于2019-05-03得票数 0
2回答
我有一个网站，点击一个链接生成一个div。
请允许我更深入地解释一下。我在我的内容管理系统中有一个“页面”表，我已经添加了通过一个小的弹出式div添加新页面的能力。
我的弹出式div是在表格下面定义的，但它是style="display:none“，所以它不会出现在页面上。单击Add New Page按钮后，我的javascript函数将触发一个：
document.getElementById("addPage").style.display="block";
这允许div在调用时神奇地出现。
然而，这是我的问题；我希望这个div总是居中显示，但我的标
浏览 1提问于2010-08-24得票数 0
回答已采纳
下面的代码显示了一个facebook登录链接，在所有方面都工作得很好，除了当单击时，facebook登录弹出窗口不会居中(相反，它会笨拙地出现在屏幕的右中间部分)：
<div class="provider_logo big" name="facebook">
<div class="inner">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"
浏览 1提问于2011-08-10得票数 8
2回答
如何定位图片弹出按钮
、、、
所以我有这个问题。我想居中我的弹出按钮，但这里是捕捉。我不知道图片的大小，因为它是一个用户上传的图片。我也不知道如果我把屏幕变小，图片会消失。我试图将位置设置为相对位置，但随后它会将我的图像/文本推到弹出按钮后面。
<div id="imageFlyout<?=$step['order']+1?>" class="popUpWrapper" style="display:none;position:absolute;top:100px;left:<script type="text/JavaScript&#
浏览 0提问于2012-05-01得票数 0
2回答
我目前正在使用jQuery中心插件来居中我的div元素，到目前为止，它在一定程度上将元素居中放置在包含父容器的位置。我想要它做的是将它居中到当前浏览器视口中心。如何做到这一点？
我的设置是一个简单的链接，当点击时，一个div会像一个模式一样弹出，我希望它居中到当前浏览器的视窗中心。
浏览 2提问于2011-03-12得票数 2
回答已采纳
21回答
我想使一个position: fixed;弹出框居中的屏幕与动态的宽度和高度。为此，我使用了margin: 5% auto;。如果没有position: fixed;，它可以水平居中，但不能垂直居中。添加position: fixed;后，它甚至不会水平居中。
以下是完整的设置：
.jqbox_innerhtml {
position: fixed;
width: 500px;
height: 200px;
margin: 5% auto;
padding: 10px;
border: 5px solid #ccc;
backgrou
浏览 5提问于2010-01-05得票数 513
回答已采纳
1回答
我正在使用fancybox 1.3.4在弹出窗口中显示一些内容，但是弹出窗口没有在浏览器中居中，如何修复它？
html代码：
<a class="clickMe" title="" message="Last Updated: 10/1/2013">Privacy Policy</a>
js代码：
$("body").on("click", ".clickMe", function(){
showAlertSized($(this).attr("title&#
浏览 1提问于2013-10-10得票数 0
1回答
这是我的滚动脚本。
$("#oneA").click(function() {
$('html, body').animate({
scrollTop: $("#twoA").offset().top
}, 2000);
});
和我的html
<div id='oneA' style='height:100px;'></div>
<div id='twoA' style='height:100px;margin-top:300p
浏览 2提问于2015-12-23得票数 0
我正在尝试修复我的网站上发生在iPhones和iPads上的错误。
你可以在这里看到这个页面：
这就是我所说的中断：
当你把它加载到iphone上时，一开始看起来没问题，但是如果你放大了，元素就会弹出它们所在的div之外。
棕色/卡其色背景被应用于一个宽度为100%的div，然后一个宽度为1024px的div位于其内部并居中，青色框位于该div内部。当它中断时，它甚至会中断它的100%宽度的容器。
以前有没有人遇到过这种情况？对解决方案有什么想法吗？
浏览 1提问于2012-09-28得票数 2
回答已采纳
1回答
有一个iframe在我的页面，我需要显示一个小div弹出窗口使用javascript代码在iframe。iframe的域和父域不同。如何在整个屏幕中居中显示此div弹出窗口。我发现了另一个类似的问题，但没有答案。
浏览 0提问于2015-12-02得票数 0
我正在尝试在我的应用程序中创建一个弹出式窗口，我需要将它垂直居中。我不知道弹出窗口的高度，所以我不能硬编码任何值。
我正在使用以下代码进行实验：
到目前为止，居中工作正常，但有一个问题。我的弹出窗口有一个固定的宽度(它们没有响应)，所以我的目标是当窗口的宽度小于popup的宽度时，应该出现一个水平滚动条。
在较高分辨率下，居中效果良好：
但是当窗口分辨率低于弹出窗口分辨率时，就会发生这种情况：(实际的弹出窗口被移动到视口下)
.block {
text-align: center;
background: #c0c0c0;
border: #a0a0a0 s
浏览 2提问于2015-06-30得票数 1
1回答
我正试图用css对div (弹出对话框)进行居中。我想要一个通用的css声明，我就快到了。我使用的css工作，但我必须明确地定义一个宽度的div。
演示
在下面的图像中，弹出窗口的宽度被定义为415 as。
在下面的图像中，宽度被定义为AUTO。
当我看右下角的盒子模型时，两者是相同的。我的问题是，为什么最后一个div是向左转的，而它有一个左边距？
我已经试过所有的显示类型了。看来，“桌子”和“内联表”风格是居中目的的最佳选择。
浏览 3提问于2014-12-29得票数 0
回答已采纳
1回答
我，我试着把卡片垂直地和水平地放在页面的中间。我，能够将卡片水平地居中。但不能像垂直方向一样对中心。我没有在MDL中找到任何类来垂直对卡进行居中。
中心水平代码
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--3-col">
<!-- this is just dummy columns -->
</div>
<div class="mdl
浏览 1提问于2017-12-13得票数 7
回答已采纳
1回答
大家早上好。我在这个网站上看了看，并尝试了一些帖子中的建议，我把div放到了中心，但是div的左边缘居中，我希望div中的内容居中，然后div本身居中。
有没有可能在CSS中隐藏了一个空白处(有点乱)？
浏览 0提问于2012-05-16得票数 0
3回答
我有一个问题，我相信我已经把范围缩小到DataTables响应式插件了。
所以在Bootstrap中，我有两列，每列6个。左边是一个DataTable，右边是一个div框。当浏览器缩小范围时，这两个项目应该拆分成各自的行，堆叠在彼此的顶部，项目居中。但是，在该断点处，DataTable不会调整大小以使其位于屏幕的中心。它一直在左边。如果您以该宽度刷新页面，它将自动居中，只是不会响应断点。
如果你反其道而行之，从手机大小的页面开始，并向外展开窗口，DataTable将在左侧的细列中保持压缩状态。
如果我去掉响应式插件，它会在断点处自动居中。然而，我想使用这个插件来帮助处理手机大小的桌子。
下面是
浏览 0提问于2015-08-22得票数 4
我有一个Div (与绝对位置和没有固定的宽度)在一个模态弹出窗口内，并希望它居中的屏幕，而不是弹出模式，但似乎无法实现这一点。我的猜测是模式弹出窗口有一个固定的位置，所以它使子Div相对于它而不是屏幕。
有谁知道这样做的方法吗？提前谢谢你！
浏览 5提问于2011-11-22得票数 0
我想包括一个来自第三方来源的广告标签，这是通过javascript生成的document.writes代码来显示广告。我无法控制这件事。我有它在我的一端工作，但对于我的生活，我不能让它在我的DIV的中心。它就像是在我的div之后跳出并向左对齐。我搞不懂发生了什么事。“如果”我把这个广告标签直接包含在DIV中的页面中，它就会居中。但我需要在它请求广告之前动态地传递一些数据，所以我必须动态地创建它，但这就是问题所在。它会显示，只是在目标DIV之外左对齐。
所以，我得到了一个带有src的js标签，src生成了一个写出iframe的document.write。
var js_src = ("
浏览 1提问于2011-11-19得票数 3
我有以下代码。我需要隐藏div 1，并在div one中的按钮被单击时显示div2。(在ANGULAR HTML5中)。我有一个带有控制器等的JS文件，同时我有两个不同的html模板文件，我把它们称为单独的模式弹出窗口。现在，我只需要显示一个弹出窗口，而不是两个弹出窗口，而只需要显示或隐藏其中一个div的内容。
<div id="div1">
<button name ="click" click="ClickMe()"/>
</div>
<div id = "div2">
<
浏览 0提问于2016-06-03得票数 0
2回答
我有这个页面：
<div style="align:center">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=217585988283772&xfbml=1"></script>
<fb:like href="" send="true" width="450" show_f
浏览 3提问于2011-07-09得票数 0
回答已采纳
2回答
我找到了一些关于如何在孔屏幕中居中弹出div的解决方案，但我需要在其父div中居中(垂直和水平)。弹出窗口没有固定的大小，它们是相对于父div的大小的。我还没有找到任何关于这方面的东西，我自己也做不到。因此，如果您有任何想法，请提供帮助。
下面是我的代码：
<div id="container" style="width: something; height: something;> some text <br> some text
<div class="popup"></div>
</d
浏览 0提问于2012-12-24得票数 0
我调用了这个jQuery弹出窗口，如下所示：
$("#createprofilepopup").dialog( { title: 'Title text' , height: 490, width: 580 } );
但它显示为左对齐。有没有办法把标题居中？
谢谢！！
浏览 8提问于2012-02-04得票数 4
好吧，这是个很奇怪的问题。
我不能以我的生命为中心，在这个范围内。所以我已经把它定位了。
然而，我想要的是将蓝色数字精确地放在div内。麻烦的是，当数字变化到10时，它就会向右移动。有一个同事堆栈，帮助我的js，只是需要一些帮助，在css内对齐现在。
我不确定你是否绝对能把一个以单个数字为中心的计数器居中，两位数的数字也是居中的。
没道理吗？
K链接：
Css (我知道span元素timer没有居中，但它需要居中。
无法正确显示代码的堆栈，请检查链接的源代码
任何关于数字中心化的建议，使它们成为死的水平中心。当数字跃升到10时，它不会向右或向左移动？
浏览 3提问于2010-11-27得票数 0
回答已采纳
CGRect rect = CGRectMake(0, 0, 1050, 900);
[wineAdminPopup presentPopoverFromRect:rect inView:master.view permittedArrowDirections:UIPopoverArrowDirectionUp animated:YES];
嗨，我把上面的代码放在一个表格视图中做一个弹出窗口。然而，它不会在整个屏幕上弹出。如果我想在iPad屏幕中居中，而不使用箭头或箭头。我该怎么做呢。提前谢谢。
浏览 1提问于2012-08-07得票数 0
回答已采纳
我试图了解如何在Bootstrap中对齐行或列的子列。我对Bootstrap布局非常陌生，所以请记住这一点。但我非常熟悉普通的CSS弹出框。
我希望在左列中将按钮居中，如下所示：
我的代码试图这样做：
<!DOCTYPE html>
<html lang="en">
<head>
<title>The HTML5 Herald</title>
<link rel="stylesheet" href="../css/paginator.css" />
浏览 2提问于2021-02-14得票数 0
回答已采纳
2回答
我想居中显示一个弹出式div，我怎样才能做到浏览器友好？
这是在左边一点的原图。
<div class="popLayerWrapper">
<div id="addBookmarksLayer" class="popLayer" style="left:260px; padding:30px;">
<div class="closeLayer" >close</div>
<div class="layerCont
浏览 1提问于2010-04-28得票数 0
回答已采纳
我有这个脚本：
当您将鼠标悬停在其中一个框上时，“弹出”div位于框的上方，其中包含不同大小的图像。如何使这些不同大小的图像居中于div之上？
浏览 0提问于2012-09-17得票数 2
回答已采纳
我有一个网站，我正在工作，以了解如何构建网站使用HTML，CSS和JS。我遇到一个错误，当我把一个div放在一个背景动画之上，背景动画不会通过div。我不知道如何解决这个问题，我的互联网搜索似乎都解决不了这个问题。
下面是程序的CodePen：
HTML文件如下所示：
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Data</title>
<link rel="styl
浏览 1提问于2020-10-10得票数 0
回答已采纳
我正在努力解决CSS的放置问题。 对于一个项目，我使用clipboard.js复制p标记的内容。 在div中，我把文本放在左边，右边有一个按钮，上面有一个用来复制文本的图标。文本的大小是动态的，如果文本超过div的长度，我会将其剪切。 我正在寻找一个:1-垂直对齐文本(如果文本太长，在几行上)2-将按钮放在右边，左边留出空白处。3-按钮垂直居中 我设法使用display: inline-block属性将文本和按钮放在一行上，但按钮和文本都没有垂直居中。 下面是我的代码：https://jsfiddle.net/n70jrymp/
浏览 19提问于2020-11-28得票数 2
回答已采纳
3回答
我以弹出的方式显示一个div。现在的问题是弹出是居中的，但如果我向下滚动，我可以点击我的应用程序的内容，在弹出出现时不应该发生。
代码：
jQuery(document).ready(function () {
setTimeout(showPopup(), 5000);
});
function showPopup() {
$('#userId').show(0, function () {
$('#userid').css('z-index','5');
$('body
浏览 6提问于2017-04-04得票数 0
回答已采纳
我正在使用创建弹出窗口。例如，我的代码如下所示：
JS
$('.boxy').boxy();
<a id="popuplink" class="boxy" href="#popup" title="Sample popup">Popup</a>
<div id="popup" style="display:none">
Some big content
</div>
问题是我的内容有点大，所以我对boxy的居中方式不满
浏览 0提问于2011-05-10得票数 0
回答已采纳
2回答
我正在编写一个p5.js游戏，我必须在我的画布上绘制一个按钮，一个输入和一个p元素。我想让所有这些元素相对于画布居中。
我尝试了这个解决方案，但没有成功：
var gameCanvas = createCanvas(600, 600);
gameCanvas.parent("game-container");
input = createInput();
input.position(280, 300);
input.parent("game-container");
我有一个带有游戏创造者id的div，这项工作直到我通过css将div居中。当我将div居
浏览 0提问于2016-12-18得票数 0
我正在尝试居中对齐一个视频弹出窗口使用，
$('#videoid').css("top", (($(window).height() - $('#videoid').outerHeight()) / 2) + $(window).scrollTop() + "px");
$('#videoid').css("left", (($(window).width() - $('#videoid').outerWidth()) / 2) + "px");
当我在android
浏览 0提问于2013-08-02得票数 0
我有一个JQM 1.3弹出窗口，我已经将它设置为data-dismissible="true“，在滚动屏幕之前，一切都很好。弹出窗口滚动得很好，当滚动停止时，我有一个javascript事件侦听器来居中显示弹出窗口。问题是底层的-screen div ( jqm创建的)没有跟随弹出窗口。因此，如果我滚动到屏幕底部，然后单击弹出窗口之外的任何位置，它不会关闭弹出窗口。使用开发工具，我可以看到-screen div的css在弹出窗口显示后不会改变。
我想让-screen div跟踪我的弹出窗口，这样无论我滚动到哪里，只要我点击弹出窗口之外的任何地方，它都会忽略它。目前，如果我想要在弹出窗口
浏览 2提问于2016-01-14得票数 0
2回答
我有一个弹出窗口为我的网站样式使用CSS，我不能为我的生活找出如何居中它。所有正常的方法都不起作用，因为我需要它居中，无论它的宽度是多少。
下面是背景和弹出框的CSS：
.filterbox {
background-color: #000000;
display: none;
height: 100%;
left: 0%;
opacity: 0.5;
position: absolute;
top: 0%;
width: 100%;
z-index: 10;
}
.floatbox {
浏览 3提问于2012-04-26得票数 0
回答已采纳
请注意：与我的网站主机公司，jQuery (很不幸)是而不是的一个选项，我不能链接到外部 JS或CSS文件。作为解决办法，我的弹出div在网页的“”部分包含了CSS和JS代码。
我的问题希望只需要对我现有的JS进行简单的更新/调整。弹出的分区(联系形式)在我的网站上是100%正确的(除了位置:我暂时放弃了IE中的固定问题)就在一周前。我的托管公司刚刚切换到HTML5 (我相信从"DTD 4.01过渡性“)，现在我的弹出div在任何浏览器(IE9、FF、Chrome、Safari)中都不能正常工作了，有些比其他浏览器更糟糕。
要解决的问题是(请访问我的网站查看它的实际应用)：
FIXED
浏览 2提问于2012-02-09得票数 1
我正在使用插件弹出一个帖子，但它不会水平居中，直到浏览器重新调整大小。我将顶部位置设置为"0“，但希望它在被调用时水平居中。下面是我用来激活它的函数。
jQuery(document).ready(function() {
jQuery('a.postpopup').live('click', function(){
var id = jQuery(this).attr('rel');
jQuery('<div id="ajax-popup"></div>&#
浏览 1提问于2012-05-07得票数 0
1回答
我有一个垂直和水平居中的div：
#mydiv {
width:960px;
height:400px;
position:fixed;
margin-left:-480px;
margin-top:-200px;
top:50%;
left:50%;
}
当我使用Smoothscroll.js库时，它不能工作。如果我去掉“position: div /position:absolute”，它就会居中，但是我的div就不再居中了。有没有什么方法可以同时实现平滑滚动和居中？
浏览 0提问于2015-01-17得票数 0
2回答
我想要呈现一个弹出窗口，如果一个链接被点击。
我有两个动作home和test inside pages控制器：
在pages/home.html.erb视图中
<div id="myModal" class= "reveal-modal">
<h1> Modal Window</h1>
<p> I am inside a modal</p>
</div>
<div>
<%=link_to "Modal", test_url,:class=>
浏览 2提问于2011-12-24得票数 1
回答已采纳
我有一个“弹出窗口”，它显示从mousemove上的数据库检索到的数据，并出现在鼠标位置。它看起来是这样的：
<div (mousemove)="onMouseMove($event)></div>
onMouseMove(event: MouseEvent) {
this.xCoord = event.x
this.yCoord = event.y
}
<div [style.left.px]="xCoord" [style.top.px]="yCoord" class="popup"&
浏览 0提问于2017-04-27得票数 1
1回答
我有一个弹出的div position:fixed。最初，我希望显示一个加载图像，直到内容未被加载。
我用
this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");
this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px");
根据屏幕对div进行居中。效果很好。
加载内容后会出现问题
浏览 4提问于2012-07-03得票数 0
5回答
创建了一个固定位置的div弹出窗口。此div包含表单元素。如果屏幕很小，那么弹出窗口将从底部剪切，我们可以滚动浏览手推车。
我添加了解决方案来保持它从底部向上
.popup {
bottom: 15%;
position: fixed;
}
但如果屏幕尺寸太大，它就会出现在底部，而不会居中。
我正在寻找解决方案，如弹出应始终在页面的中心，如果屏幕尺寸很小，那么它应该从底部向上。不应该从底部开始切割。
浏览 2提问于2015-09-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
