4回答
我试着用JQuery使这个div居中，这样它就能响应，但我似乎做不到，我已经试过了
function resize() {
var h = $(window).height();
var w = $(window).width();
var ct = $("#content");
ct.height(h / 2.5);
ct.width(w / 2.5);
ct.css("left", w / 2);
ct.css("right", w / 2);
ct.css("top", h / 2);
浏览 0提问于2019-05-02得票数 0
有没有人知道有什么jQuery脚本会让div居中，当窗口调整大小时，它也会保持居中？我正在建立一个灯箱插件，我需要它留在中间。我试着使用CSS，但它不起作用。
此外，我需要它留在中间时，另一个盒子被打开，有更大的宽度和高度。这是包含示例的页面：
首先打开图像，然后打开div，您就会明白我的意思。div没有居中。但是，当您关闭并重新打开该div时，它会居中，因为单击WowBox链接时会发生.center()。我只需要它始终居中，而不是像那样搞得一团糟。
下面是我目前用来居中的代码：
jQuery.fn.center = function () {
this.css("pos
浏览 2提问于2011-07-22得票数 2
回答已采纳
3回答
这里是CSS和jQuery的组合，我用来居中图片，但是我想在图片居中之前隐藏它们，然后以某种方式"fadeIn“那些图片。
CSS：
.image_block {
position:relative;
height:200px;
width:200px;
}
.img_block img {
position: absolute;
top:50%;
left:50%;
display:block;
}
jQuery：
$('.img_block').find('img&#
浏览 0提问于2013-11-16得票数 0
我有一个div，我想用JQuery在屏幕上对它进行居中，但是它不起作用，因为我用相同的方法居中了其他divs。
CSS:
#textLinks
{
text-align:center;
}
JQuery:
$('#textLinks').css({
position: 'absolute',
left: ($(window).width()/2 - $('#textLinks').outerWidth()/2),
top: ($(window).height()/2 + $('#ShapesWra
浏览 6提问于2013-01-19得票数 2
回答已采纳
我有一个网页，布局如下...
|----------------------|
| |----------| |
| | Logo div | |
| |----------| |
| |
| |----------| |
| | | |
| | Content | |
| | | |
| |----------| |
|----------------------|
目前，我正
浏览 0提问于2012-02-27得票数 0
回答已采纳
2回答
我总是使用JQuery来水平居中div，但这次我做的项目没有任何JQuery或Javascript支持。
所以我想只使用css将div居中，并且确定不使用标签。
附注: div有z索引和绝对位置。
提前谢谢你，
浏览 1提问于2012-10-16得票数 0
回答已采纳
2回答
CSS绝对div居中
、、、
如何使绝对div居中？
<div class="photoWindow">min width 600 px, absolute</div>
jQuery
var widthScreen = $(window).width();
$('.photoWindow').css({'margin-left': widthScreen / 2 - widthScreen, 'left':'50%'});
但是，这不会使div居中。
浏览 0提问于2011-03-08得票数 1
回答已采纳
3回答
我有一个div，它需要通过用css更改边距顶部来垂直居中。这个div将是动态的，我希望避免position:absolute.
HTML：
<div class="container">
<div class="exp">
<p>content</p>
<p>content</p>
</div>
</div>
jQuery：
var cHeight = $('.container').height();
浏览 1提问于2013-08-01得票数 0
节日快乐，
我正在尝试使用jquery ui accordion来创建我的站点。我希望手风琴垂直居中和水平居中在页面的中心。我在stackoverflow上搜索了这个问题的答案，但似乎没有什么东西能使手风琴居中，它总是在屏幕的最右边。如何更改阴天主题的CSS以使手风琴居中？我在accordion中使用了下面的代码结构：
<script type="text/javascript">
function centerIt(){
var $accordion = $('.accordion');
$accordion.css('to
浏览 0提问于2016-12-26得票数 0
我有一些div，我想居中。为了做到这一点，我得到了以下代码：
jQuery.fn.center = function ()
{
this.css("position","fixed");
this.css("top", ($(window).height() / 2) - (this.outerHeight() / 2));
this.css("left", ($(window).width() / 2) - (this.outerWidth() / 2));
this.show(800);
浏览 1提问于2013-09-16得票数 0
1回答
我有一个包含n个项目的无序列表，它应该转换为一个像这样的水平菜单。我能够选择所有奇怪的项目，并将它们移动到列表的末尾，创建两个菜单行，但我发现居中相当困难。
我用过的代码，但不能居中：
jQuery('#ja-mainnav ul li').css({'float':'left', 'display': 'block', 'margin-left': 'auto', 'margin-right': 'auto' });
jQuery('
浏览 0提问于2012-08-08得票数 0
3回答
嗨，请看一下我的网站，有问题的代码片段我必须将我的图像居中，因为我从来没有任何css-html方法的运气。有时会以页面为中心，有时不会，请告诉我如何在页面加载时将图像居中。
网址：
<script type="text/javascript"> //Centering Script
$(document).ready(function () {
updateContainer();
$(window).resize(function() {
updateContainer();
});
});
function upd
浏览 2提问于2013-06-07得票数 0
2回答
我用一个div居中...
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", (($(window).height() - this.outerHeight()) / 2) +
$(window).scrollTop() + "px");
this.css("left", (($(window
浏览 6提问于2012-02-26得票数 1
1回答
我正在尝试创建一个函数，它返回“左值应该是什么，以居中当前元素”。这使我可以将动画移动到中心(和背面)，或者简单地将项目居中。
不过我在相对定位部分遇到了问题。我错过了什么？
谢谢!
jQuery.fn.centerHorizontalOffset = function () {
var position = $(this).css("position");
if (position == "relative"){
return (($(window).width() - $(this).width()) / 2) - $(thi
浏览 2提问于2011-09-25得票数 0
回答已采纳
5回答
我想在一个相对定位容器中对绝对定位图像进行水平居中。我试着使用css。但我做不到，我在Jquery做了
--这是我在Jquery中尝试做的
`的人能帮我用CSS.‘做这个吗？
提前感谢
浏览 0提问于2013-12-17得票数 0
回答已采纳
我正在使用这个jQuery函数来垂直居中模态。
var centeredModal = function() {
var modalVerticalCenterClass = ".modal";
function centerModals($element) {
var $modals;
if ($element.length) {
$modals = $element;
} else {
$modals = jQuery(modalVerticalCenterCl
浏览 0提问于2016-03-24得票数 0
1回答
我正在尝试使用CSS在jQuery移动中居中图像。无论我对图像应用什么样式，它都不会居中。请不要在css中的极端情况下查看图像是否被操纵，但它不是。它保持在相同的位置。我尝试向图像本身添加一个类，并将其居中对齐，但也不起作用。
HTML：
<div class="me">
<h2 class="name">John Doe</h2>
<img src="MyPic1.jpg" alt="My Photo" height="200px"/>
&l
浏览 1提问于2018-04-30得票数 0
我有一个固定在我的网页边上的div。我需要div垂直居中。使用CSS很容易实现：(注意: div的基本高度是300px;)
#sidePanel { margin: -150px 0 0 0; top: 50%; position: fixed;}
我遇到的问题是，这个sidePanel目录包含我的站点导航。当导航打开以显示子元素时，它的高度会增加，这会扰乱居中。我需要一些jQuery来重新计算sidePanel分区的高度，并应用适当的负边距来保持分区居中。这是我玩过的jQuery：
$("#sidePanel").css("margin-top", $(thi
浏览 0提问于2010-11-11得票数 3
回答已采纳
我使用的是fancyApps的fancyBox v3.5.6。
是否可以禁用自动居中并将内容移动到顶部？我找不到任何禁用居中对齐和向上移动内容的东西。
var dialogMessage = '<div>This is a message</div';
$.fancybox.open(dialogMessage,{
//maybe here some option?
});
<script src="//code.jquery.com/jquery-3.3.1.min.js">&
浏览 3提问于2019-05-23得票数 3
尝试在图像上添加居中的标题，就快到了。看:标题，但我不能让文本段落(p.wp-- text to)居中。我不能完成它，希望有人能给我指明正确的方向，用css或jquery完成它。
任何帮助都是非常感谢的。
浏览 3提问于2012-05-28得票数 1
回答已采纳
我正在使用脚本(如下所示)将DIV居中，它工作得很好。
<script language="javascript">
$(document).ready(function(){
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() +
浏览 0提问于2013-07-02得票数 0
回答已采纳
我在StackOverflow上找到了这段代码：
/* Center Dish Popup */
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
this.css("left", (($(window).width()
浏览 0提问于2011-10-17得票数 2
回答已采纳
3回答
我试了大约一个小时，现在让它居中，真的很困惑，我不知道我应该如何让它居中：
注意，这是一个可滚动的jquery插件(只是想让你知道，所以不要抱怨可能不必要的css)
浏览 1提问于2011-02-23得票数 0
回答已采纳
1回答
我有一个垂直居中放置div的jQuery脚本。它似乎在所有浏览器中做的都是工作，但在FireFox中除外。当我刷新屏幕时，div会按预期居中。
$(document).ready(function()
{
centerContent();
});
$(window).load(function()
{
centerContent();
});
$(window).resize(function()
{
centerContent();
});
function centerContent()
{
var height = $(document).heig
浏览 0提问于2015-02-02得票数 0
我需要在屏幕中央放置一个div元素。我在下面找到了一个简单的代码，但我需要实际屏幕的中心，而不是页面的“总高度/2”！
下面是居中元素而不是实际屏幕的Jquery代码；
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
this.css("left", (
浏览 1提问于2013-02-26得票数 7
回答已采纳
5回答
嗨，请看一下我的网站，下面是有问题的代码片段，我必须将我的图像居中，因为我从来没有任何css-html方法的运气。问题是因为它设置为等待document.ready()，有时它会将我所有的图像放在右边。我尝试过window.load()，但图像在较小的窗口大小时居中。也有人建议我试着
<div style="
background: url('Assets/image.png') center center no-repeat;
width: 100%;
height: 500px;
">
</div>
但这会导致它失去响
浏览 3提问于2013-06-09得票数 1
3回答
我的CSS代码：
body
{
padding:0;
margin:10px auto;
width:800px;
}
.wrapper
{
width:800px;
background-color:#0099FF;
}
.bannercont
{
margin-top:5px;
height:90px;
width:800px;
}
.banner
{
position:relative;
top:20px;
background-image:url(../images/livesupport.png);
width:267px;
height:32px;
}
我
浏览 0提问于2009-08-26得票数 0
回答已采纳
我使用这个jQuery脚本根据浏览器的窗口分辨率居中显示div。然而，我不能让它工作。这里我漏掉了什么？
为了更好地理解这里的，我把它贴在了jsFiddle上
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
this.css("
浏览 1提问于2011-10-31得票数 0
回答已采纳
3回答
您好，我正在使用这段代码在jquery mobile中居中图像，它在iphone模拟器中居中图像，但当我在iphone上检查它时，它并没有准确地居中(居中本身，但不完全是)本身，而是倾向于向左。
<div data-role="content" data-theme="a">
<div id="logo_image">
<img src="images/logo.png" alt="Image Header" >
</div>
<
浏览 1提问于2012-02-13得票数 4
回答已采纳
1回答
如何使用JQuery或CSS对所有div进行居中？
示例：
<div id="parrent">
<div class="item">
content
</div>
<div class="item">
content
</div>
...
</div>
浏览 3提问于2014-02-01得票数 0
回答已采纳
我正在使用jquery galleria，它非常酷，但我似乎不知道如何将缩略图列表居中。正如你在下面的链接中看到的，主图像居中，但缩略图总是左对齐的。任何css专家都知道我在这里做错了什么。
下面是一个例子。
浏览 3提问于2009-10-15得票数 1
回答已采纳
2回答
因此，当我滚动时，表格标题是固定的，但它对左对齐，而不是居中-我不知道这个中心在哪里。我尝试过CSS和jquery，但没有成功.
我有个完整的例子在这里工作.
现在，我想将表的宽度更改为660像素，并将其居中。
我将表的css从98%更改为660 of，边距从0 1%更改为0 auto。
似乎不能让克隆头正确地对齐？
table {
border-collapse:collapse;
/* width: 98%; */
/* margin: 0 1%; */
width: 660px;
margin: 0 auto;
}
对
浏览 0提问于2018-11-05得票数 0
回答已采纳
我使用以下代码：
jQuery("#page").css({"left":+'"'+(jQuery(window).innerWidth()-1083)/2+'px"'});
我没有得到任何错误，但页面没有居中。
我尝试了不同的版本，都没有用。我做错了什么？
浏览 1提问于2012-07-15得票数 2
我是JavaScript和jQuery的新手。到目前为止，我可以在google上搜索我所有的问题，但对于以下问题，我需要帮助。 为了保持较小的index.html可读，我使用jQuery load函数(我不能使用服务器端语言，如PHP这样的服务器端语言，因为我使用的内容管理系统不允许使用<?php><?>标记)注入某些带有外部存储的超文本标记语言it的div容器。因此，我坚持使用客户端解决方案。) 这很好用:-)。但是，我需要在加载后更改一些CSS属性。但是，不能用jQuery接触用jQuery动态加载的内容。 以下是我试图实现的演示代码： 我正在调用我的index.
浏览 20提问于2019-12-16得票数 0
回答已采纳
2回答
我得到了一个非常复杂的设计，背景很大，所以我不得不想出一个小脚本，在较小的屏幕上调整屏幕大小，居中并删除空白，并删除水平滚动条。
这是我为调整屏幕大小而编写的Jscript代码片段：
(function() {
if(jQuery(window).width() >= 1024 && jQuery(window).width() <= 1275 ) {
jQuery('html').css({"margin-left":"-180px"});
jQuery('html'
浏览 4提问于2013-07-09得票数 0
回答已采纳
3回答
我是否可以动态地确保内容始终居中于此网站的窗格中？
现在，它在.items类上使用了静态的left-left，并且使用了jquery工具。
我可以只用CSS或CSS和Javascript吗？
谢谢,
Kory
浏览 0提问于2010-06-15得票数 0
回答已采纳
在CSS中，有可能有一个既水平居中又固定在浏览器底部的<div>吗？我为内部div设置了宽度和高度。
我试着把一个带有position:relative的div放在一个固定的外部div里面，这样东西就垂直对齐了，但是外部div没有居中，我又回到了原点。
仅仅使用CSS能做到这一点吗？我也在使用jQuery，所以如果这是唯一的方法，我会使用它，但如果可能的话，我更愿意使用CSS。
谢谢，迪伦
浏览 1提问于2010-02-15得票数 3
1回答
我目前正在开发一个网站，其中有一个固定的横幅div是居中的，我正在使用下面的jQuery来确保它正确滚动，即使它是一个固定位置的div。
jQuery：
$(window).scroll(function() {
$('#top-content').css('left', -$(this).scrollLeft() + "px");
});
但是，我在IE中遇到了一个问题(版本9)。问题是，当用户滚动网站(在“顶部内容”div上创建一个减去的左边距，以提供滚动的效果)，然后如果他们最大化网页，左侧边距仍然存在，导致div不能居中。
我
浏览 3提问于2015-03-20得票数 0
回答已采纳
2回答
最佳小提琴展示：
如何使子菜单在父菜单项的下方居中？我发现的许多居中技巧都不适用，因为子元素比父元素宽。
有没有可能使用纯CSS，或者我必须求助于javascript？
如果需要JS，有没有人有现成的JQuery代码来做这件事？
浏览 0提问于2011-10-27得票数 4
回答已采纳
2回答
我有一个固定位置的div，我喜欢让它成为我浏览器的中心。
当然，这可以用css来完成，但问题是我会多次改变元素的宽度(通过ajax加载一些东西，所以宽度会改变！)……
因此，我希望在通过jquery更改div的宽度后使其居中。
对于居中，我使用以下代码：
但是当我更改div的宽度时，即使再次调用CenterItem，它也不会居中！
归根结底，我想要这样的东西：
浏览 0提问于2011-12-08得票数 0
回答已采纳
1回答
在选择项目时，无法在表行中对字符串进行居中。
我尝试将JQuery事件与.css方法结合使用，但它不起作用。
有什么办法修理它吗？
提前感谢！
选择前的：
选择过程中的：
JQuery:
$('.flex-container').sortable({
axis: 'z',
revert: true,
forcePlaceholderSize: true,
handle: '.move',
}).disableSelection();
CSS:
th, tr {text-align: center
浏览 1提问于2017-09-23得票数 0
2回答
我正在尝试使用CSS和jQuery的组合来水平居中放置一系列对象。jQuery部分就是我遇到麻烦的地方。下面是我的代码：
$('.tooltip').each(function() {
$(this).css('margin-left', 0 - ($(this).width / 2) );
}
上面的代码应该应用一个恰好是对象宽度一半的负边距-左边距。我做错了什么？
浏览 3提问于2012-04-28得票数 0
回答已采纳
我想要在我的html页面中居中一些html元素，例如标签。我想通过使用jQuery和CSS来实现这一点。不幸的是，我不熟悉jQuery。
我只需要你们帮个小忙。
谢谢。
浏览 0提问于2013-06-18得票数 2
谁能告诉我我哪里错了.我使用(窗口).height设置顶部页边距来垂直对齐div。625是Div居中的高度...
这在火狐中是有效的，但是直到你调整浏览器窗口的大小，IE7才会设置页边距。
测试地点在
任何想法都将令人惊叹地感激！
马丁
jQuery.noConflict();
jQuery(document).ready(function () {
jQuery(function(){
var $marginTop = ((jQuery(window).height() - 625) / 2 + 'px');
if(jQuery(window).height() &g
浏览 3提问于2010-02-18得票数 2
回答已采纳
3回答
我在div中有一个div和一个图像。图像大小会有所不同。
我想让它在水平和垂直方向居中。Css垂直对齐似乎不起作用。
有什么窍门吗？我可以使用php、css或Jquery。
浏览 2提问于2009-10-20得票数 3
回答已采纳
这是我的代码
<style>
.className{
width:55%;
height:auto;
margin:0 auto;
}
body{
text-align:center;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(window).resize(function(){
浏览 0提问于2013-05-18得票数 0
4回答
现在，我以这种方式设置模式jQuery窗口的位置：
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
向下滚动时如何使popUp居中？
浏览 1提问于2012-02-26得票数 7
回答已采纳
4回答
我有一个带有2行文本的jQuery移动按钮，具有以下CSS规则：
.ui-btn-text {
word-wrap: break-word !important;
white-space: normal !important;
}
jQuery使用类ui-btn-inner ui-btn-corner-all在文本周围创建了一个跨度。
我希望这个元素垂直居中。
当我使用vertical-align时，它没有任何效果。line-height也不能工作，因为我的文本可以有两行。
有谁知道如何在按钮中垂直居中我的文本？
浏览 1提问于2012-05-29得票数 0
回答已采纳
7回答
水平居中div
、、、
在上，我想将主#容器div相对于页面水平居中。通常，我会通过添加CSS规则来实现这一点，
#container { margin: 0 auto }
然而，这个页面的布局(不是我写的)使用了#container及其大多数子元素的绝对定位，所以这个属性没有作用。
有没有什么方法可以在不重写布局以使用静态定位的情况下实现这种水平居中？如果JavaScript/JQuery是实现我的目标的唯一方法，那么我可以使用JavaScript/JQuery。
浏览 3提问于2011-01-12得票数 7
回答已采纳
2回答
BlockUI强制所有元素居中
、、、、
当jquery blockui插件强制元素居中时，我如何重新强制元素回到左对齐，
到目前为止我试过了，
$.blockUI({ message: $('#popup'), css: { text-align: 'left' } });
浏览 0提问于2013-05-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
