我在一个组项目的页面上居中了一个div，虽然div本身是居中的，但网站内容是居中的，并考虑到滚动条。我的意思是网页内容居中，这样屏幕的宽度就不需要滚动条的宽度了。因此，如果显示器最初的宽度是100px，那么它的读数就是100(滚动条宽度) px宽。不幸的是，这导致我的固定位置div的滚动条宽度偏离站点的其余部分，它看起来相当时髦。有什么办法解决这个问题吗？不能使用jquery，可以潜在地使用一点JS。
这是我的网站的链接，这样你就可以看到我在说什么。
浏览 3提问于2013-05-15得票数 0
1回答
我想在html/css (没有js)中制作一个从数据库中带水平滚动条的图片块，这样无论它们的高度如何，它们都会居中。
我找到的将未知高度的图片居中的唯一解决方案是使用display: table或display: flex。但我发现制作水平滚动条的唯一解决方案是使用display: block。有没有办法同时完成这两项任务？
编辑：
就像这张照片上的一样。我的意思是图片应该居中，不同的高度：
浏览 6提问于2013-12-24得票数 0
2回答
我有以下jqueryui对话框：
$("#dialog").dialog({
bgiframe: true,
autoOpen: false,
height: 420,
hide: 'slide',
modal: true,
buttons: {
'Annuler': function() {
$(this).dialog('close
浏览 0提问于2010-02-05得票数 5
我有一个网站()，在一些页面上有垂直滚动条。但有些页面并没有。页面内容居中，但当垂直滚动条出现时，它会将内容向左移动一点(8像素)。如何让我的内容居中独立于垂直滚动条？
浏览 4提问于2012-02-07得票数 0
回答已采纳
1回答
是否有可能(暂时)隐藏主窗口(垂直)滚动条(body/html上的滚动条)而不(稍微)移动居中内容？
在body, html上设置overflow: hidden会隐藏滚动条，但执行此操作时，居中的内容会向右移动滚动条宽度的一半。我可以添加padding-right: <width-of-scrollbar>，但这会有所不同，如果一开始没有滚动条，也会移动内容。
浏览 1提问于2013-04-02得票数 0
我正在建立一个网站与1700px宽的JS幻灯片在顶部。当我发布页面时，我会看到水平滚动条，因为我的显示器分辨率是1024px。我如何让站点在浏览器中居中，而没有水平滚动条--任何多余的东西在两边都是用户看不到的？非常感谢您的帮助，谢谢！
浏览 2提问于2011-07-06得票数 0
回答已采纳
1回答
我在上一篇文章中看到这个JS可以用来使水平滚动条居中：
document.body.scrollLeft = (document.body.scrollWidth - document.body.clientWidth) / 2
有没有办法把它绑定到键盘快捷键上，以便在任何网页上执行？
浏览 2提问于2018-01-30得票数 0
2回答
修复了有滚动条时不居中的问题
、、、、
我对我的容器的背景有个问题。当有滚动条时，我的内容和我的背景之间就会有差距。当没有滚动条时，没有任何问题。
我想这是因为我的背景在整个窗口上居中(包括滚动条)，并且我的内容以页边距居中:0 auto；(不包括滚动条)。
这是我的css代码...
#container{
background-image:url('../img/container.png');
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat;
浏览 0提问于2012-06-11得票数 0
回答已采纳
我有一个网页，其中的内容随着JS的变化。
问题出在Firefox上，当部分内容非常长时，会添加滚动条，使页面宽度发生变化，这会稍微移动包含我的内容的居中div。
客户不喜欢跳转。有什么诀窍可以摆脱它吗？
浏览 2提问于2013-06-10得票数 1
1回答
我是网页设计师，在灯箱的调整上遇到了问题。灯箱在任何分辨率下都没有居中对齐。它应该在任何分辨率下居中对齐。我使用了一个黑色的覆盖在背景中的透明度，但它显示滚动条在灯框中，所以它看起来不好…请告诉我如何居中对齐一个灯箱并隐藏一个滚动条..........
谢谢Mayur
浏览 0提问于2010-05-03得票数 0
我正在尝试创建一个简单的HTML页面，它的内容高度未知。我想实现以下行为：
1)内容高度<屏幕高度：使页面垂直居中
2)内容高度>屏幕高度：显示页面，顶部和底部都有滚动条和边距。
示例：
我怎样才能用CSS做到这一点呢？(或JS)
浏览 6提问于2015-10-11得票数 0
回答已采纳
我想居中放置一个div，所以我编写了<div style="padding-left: 50%;"> test </div>。在我将浏览器调整到非常小的大小之前，文本居中显示得很好。(约300像素宽度)。然后它开始显示一个水平滚动条。
为什么浏览器(Chrome12、Opera11.50、Firefox5)要实现这种行为？在我看来，这是不正确的。没有需要滚动条的内容。我如何禁用它，或者我应该做什么来居中我的内容？
浏览 1提问于2011-07-04得票数 0
回答已采纳
1回答
我有一个html，其中的内容使用经典的方法居中：
width: 960px;
margin: 0 auto;
现在，根据页面内容的高度，可能会显示滚动条。这将使内容在较小的区域中居中。
因此，实际上，内容只会向左或向右跳转。
我的解决方案是body上的overflow-y: scroll;，它将始终显示滚动条。
但是如果你的页面很小，你就会得到一个不用的滚动条。
有没有更好的解决方案？
谢谢。
浏览 0提问于2011-10-14得票数 2
回答已采纳
在Firefox和Safari中，当页面足够长以显示滚动条时，居中的页面会移动几个像素。如果你浏览一个有长页面和短页面的站点，页面似乎会“跳转”。
IE7倾向于让滚动条始终可见，但在页面不够长时禁用滚动条。由于HTML窗口的宽度从不改变，因此页面的居中位置也不会改变。
有没有一种变通的办法或者一种方法可以让页面在Firefox和Safari中不会跳来跳去？
谢谢。
浏览 5提问于2008-11-22得票数 12
回答已采纳
看一看
黄色方框和背景图像都在滚动的div中居中，尽管它们的中心略有不同。这似乎是因为背景居中于整个区域(包括滚动条)，但div居中于内容区域(不包括滚动条)-请在没有滚动条的情况下正确地将其居中
有趣的是，IE7“正确”地呈现它，但是IE8+和其他浏览器如上所述地呈现它。
我已经尝试过使用background-origin (和-webkit-background-origin)，但是这些属性似乎都没有任何效果。
对如何解决这个问题有什么想法吗？
编辑:更多信息:链接的小提琴只是这个问题的一个最小的例子，我的实际问题是整个网站的中心(使用margin:0 auto)和背景图像居中(使用bac
浏览 2提问于2011-05-31得票数 2
2回答
我有一个网站与一个居中的固定宽度的div ( div是居中使用空白处-左:自动)。现在我想在这个div的左边和右边显示一些图片。图像不应影响浏览器窗口的滚动。如果分辨率太小，图像应该被切掉，而不是在浏览器中显示滚动条。但是如果没有足够的空间放置居中的div，应该会出现一个滚动条。
如何才能做到这一点？
编辑:此处提供没有左侧/右侧图像的站点：
浏览 1提问于2012-04-01得票数 0
回答已采纳
我一直在试图将模式定位在屏幕中央。
为此，我在模型中添加了以下CSS类：
.modal-position {
position: fixed;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
}
但它没有得到精确的居中和的小屏幕大小，一个垂直滚动条出现在它旁边，虽然有足够的空间为模态。
相同的JS小提琴：
浏览 8提问于2017-06-20得票数 2
回答已采纳
1回答
通过将页面内容包装在包装器div中，然后将其放入样式表中，我已经将页面内容居中：
#wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
}
问题是:只要内容增加，垂直滚动条出现，它就会替换内容，因为视区的大小发生了变化。我们如何才能确保居中内容的位置不会改变，而不管滚动条的可见性如何？
浏览 3提问于2012-10-19得票数 2
回答已采纳
2回答
页面未居中
、、、、
我可以加载页面，它将一直到左侧，按刷新，然后加载居中！我正在使用chrome！
在上，我似乎不能让页面居中！
最重要的是，如何删除www。确定滚动条是否将出现在iframe中。
浏览 2提问于2012-07-14得票数 0
回答已采纳
1回答
在基于angular+material的项目中，我成功地将垂直滚动条定位到工具栏下面(借助sidenav)。
但并不是所有的情况都像预期的那样起作用。请参阅
主页:没有滚动条: goodpage2 :使用宽大的文本，右边有一个滚动条: goodpage1 :带奇怪滚动条的居中图像: bad !
Page1有一个水平滚动条与火狐！我希望右边有一个垂直滚动条，没有水平滚动条。我需要对图像、桌子和文字进行居中。
我试着玩“宽度”的水平滚动条，但没有成功。
编辑：对！在我的项目中，它没有像预期的那样工作，所以我非常困惑，直到我重写并做了一些清理。
I用2 div:包围每一页
<div class
浏览 2提问于2021-04-11得票数 0
回答已采纳
1回答
我找不到任何真正的答案。强制滚动条始终存在不是一个可接受的解决方案，IMO。当您将包装器div居中并自动设置边距时，如何补偿滚动条的出现？
谢谢
浏览 2提问于2012-02-19得票数 2
1回答
滚动条自动居中
、、、
我有一个高度大于屏幕大小的表单，所以用户可以使用滚动条来查看内容。我的问题是，我有很多的按钮和复选框，所有的方式向上和向下的形式，每次用户试图点击一些，形式自动尝试居中的点击按钮在屏幕中央。
我希望滚动条停留在用户放置它的位置。而不是试图在每次点击btn或iten时自动居中。
有人能帮上忙吗？它的winforms，visual studio 15。
浏览 13提问于2017-07-21得票数 0
我正在尝试创建一个居中(页边距:0自动)2列布局，标题适合(100%)屏幕。我需要为每一列创建一个单独的滚动条(之后我想将该滚动条更改为jscrollPane)。
谢谢
浏览 0提问于2012-03-21得票数 0
有没有办法阻止背景图像以特定的宽度居中？
要说明此问题，请减小以下站点的宽度，直到出现滚动条。然后观察背景图像如何保持居中，然而，所有其他元素都保持其位置。
查看
浏览 1提问于2012-07-22得票数 0
回答已采纳
2回答
我的网站有非常短和更长的页面。因为我用margin: 0 auto在视区居中，所以当从有滚动条的页面切换到没有滚动条的页面时，它会跳过几个像素，反之亦然。
有没有办法强制垂直滚动条始终显示，以便我的网站在浏览时保持不动？
浏览 2提问于2014-07-11得票数 82
回答已采纳
这是我的尝试 codesandbox 我想把闪光灯图标在右上角的textField没有重叠的文本和滚动条 我试过endadornment，但问题是图标会自动放在滚动条的右侧并居中。 问题： ? 如有任何帮助，我们不胜感激！
浏览 20提问于2021-09-01得票数 0
回答已采纳
1回答
我使用的是一个具有头部和主体组件的模式。正文有左和右填充，以便居中显示文本。然而，这也是在推送滚动条。有没有办法让滚动条保持右对齐，同时使用填充居中正文？
<div className="CoverageInfoModalInnerBox">
<span className="fa fa-close closeBtn" onClick={onCloseModal} />
<div className="CoverageInfoModalInnerContent">
浏览 2提问于2019-10-23得票数 0
1回答
我想知道是否可以使用JavaScript或jQuery对我的站点的水平滚动条进行居中。对于使用1024x768分辨率的用户，会出现一个滚动条，因此，希望她的位置始终处于中间位置。
示例：
浏览 3提问于2014-03-06得票数 2
回答已采纳
.qsf-demo-canvas
{ max-width: 100%;
max-height:600px;
overflow:scroll;}
有没有可能用overflow:scroll div使水平滚动条居中。
如果内容比可用空间宽得多，默认情况下div内容将居中？
用户应该仍然能够滚动。
谢谢你
浏览 0提问于2013-02-06得票数 1
回答已采纳
请查看以下网站
打开任何图像时，浏览器会自动显示右滚动条。怎样才能摆脱它？
这是很烦人的，因为滚动条改变了图像的位置，它不再是居中的，滚动条是灰色的，实际上没有任何用途。
任何帮助都很感激..。我在谷歌上搜索了一台anwser，却找不到。
谢谢
浏览 5提问于2013-12-19得票数 0
回答已采纳
1回答
我想要什么
两个div :页面正文(1)和背景块(2)
背景块总是(2560x780) px。
页体宽度为820 is，而高度是可变的。
后台块应该在页面正文后面。
背景块和页体都应居中。
当调整窗口大小时，背景块不应该相对移动到页面主体(甚至是1像素!)
背景块不应出现水平滚动条。
背景块位置不固定
约束
没有JS
CSS2优先
我试过什么
页面正文CSS：
#pageBody {
width: 820px;
margin: 0 auto;
}
背景块CSS：
1.一个全页的div，显示以CSS为中心的背景。
&l
浏览 1提问于2015-04-01得票数 4
回答已采纳
我现正努力达致以下目标：
当您按下.page div时，滚动条将自动滚动到它，并且.page元素看起来像是在.pages元素中居中。
我尝试了一些东西，如scrollIntoView()和其他方法，但我无法实现正确的事情，scrollIntoView()只是向您展示了您正在按的元素。我想要的是有一点不同，我希望滚动条能够平滑地滚动到选择的.page元素在.pages div中的中心位置。(如果元素周围没有足够的元素来居中，那就好了，我只想让滚动条尽力而为。)
这是代码笔：
另外，如果您知道如何简化这段代码，我将非常感谢您也向我展示了这一点
谢谢
浏览 3提问于2020-12-29得票数 0
我有一个1400px宽的标题DIV，包含一个必须始终居中的背景图像。
我有一个网站，需要是960px宽。
当我调整浏览器大小(缩小它)时，我不想要任何水平滚动条，直到我们达到960px，但标题/背景上较大的宽度导致了这一点。
是否有可能停止所有水平滚动条调整大小直到960px，并保持背景图像在标题div居中？？
感谢任何人的帮助！我在这里设置的一些代码是为了快速测试...
背景图像的宽度为1400px。我需要滚动条开始在960px -而不是1400px。这个是可能的吗？
浏览 0提问于2012-08-16得票数 0
3回答
如何在调整窗体大小时使图片框中的图像居中？我在面板中有一个picturebox，所以如果图像比picturebox大，我可以在面板上看到滚动条。但这不适用于图片框大小模式“居中图像”，而只适用于“自动大小”。
浏览 2提问于2011-07-30得票数 9
回答已采纳
我目前正在使用CSS在IE滚动条上工作，我知道scrollbar-face-color，scrollbar-base-color等，但我想知道是否可以将箭头居中？按钮中的箭头显示在一个奇怪的位置，如果有什么技巧可以让它们垂直居中，那就太好了。谢谢
浏览 22提问于2019-03-08得票数 0
1回答
我正在尝试使页面平滑滚动，这样鼠标左键点击后光标就垂直地居中。
我知道如何使用事件侦听器来捕获单击位置，我只是不确定如何计算滚动偏移量以正确地对光标进行居中，而不管滚动条的大小和位置如何。
浏览 2提问于2018-07-05得票数 2
回答已采纳
1回答
我正在将页面加载到对话框中的iFrame中。这是一个带有锚标签的帮助页面。当我使用锚点加载页面时，甚至在使用对话框中的锚点标记时，浏览器会跳转到锚点，即使对话框居中。
请参阅：
有解决这个问题的办法吗？
另一个问题是为什么我有双滚动条。
顺便说一句，iFrame顶部的G_JS_API是怎么回事？
浏览 1提问于2010-09-30得票数 0
如果UIAlertView包含一定数量的文本，文本显示将自动更改为具有滚动条。我希望这个文本是居中对齐的。
在周围搜索解决方案提供了。但是，这在包含滚动条的UIAlertView上不起作用。
如何在这样的通知中对齐文本？
浏览 3提问于2012-10-29得票数 1
回答已采纳
我正在构建一个GWT应用程序，我希望能够检测到用户何时在我的上释放滚动条。
我的用例是水平滚动条代表时间。由于不可能表示可滚动时间的全部范围，所以我只想用滚动条表示一个小的时间窗口。当用户移动并释放滚动条时，我想做一个平滑的重新居中，新的中心是释放点。
我可以通过构建自定义滚动条小部件来实现这一点，但我想先检查一下是否缺少使用“原生”滚动条的方法。
浏览 2提问于2010-04-04得票数 1
我使用div#wrapper margin: 0 auto来居中分区，这个页面上有滚动条，但是当它转换到没有滚动条的第二个页面时，它看起来像跳跃，因为我猜没有滚动条。
<body>
<div id="wrap">
<div id="wrapper">
....
#wrapper { width: 970px; margin: 0 auto; }
最好的解决方案是什么，才不会让它变得不稳定？
浏览 1提问于2011-06-15得票数 16
1回答
允许滚动条重叠吗？
、、、
我有一个有3个页面的网站，其中一个页面有滚动条。在不带滚动条的页面和带滚动条的页面之间切换时，导航栏会改变位置，并且过渡看起来很糟糕。这是因为我有一个基于css/div的布局，它在窗口中居中。那么，既然它只会覆盖空白区域，有没有办法让滚动条位于页面的顶部，而不是缩小到页面的旁边呢？
浏览 1提问于2012-07-30得票数 0
回答已采纳
我正在建立一个网站，看起来像一张桌子上的报纸。我想在报纸的右边放一个咖啡杯，这样就产生了一种错觉，背景是一张桌子，而不是一些奇怪的木质纹理。咖啡杯不能创建水平滚动条，因为它实际上不是重要的内容。我试着在我的主容器(居中)旁边使用绝对定位div，但这会创建一个水平滚动条。我还试着给body标签加上咖啡图像作为背景，并将其放在右上角，但我的报纸放在它上面，它看起来就很奇怪。
有没有办法使用CSS来实现这一点？如果不是，我准备使用JS (jQuery)，但这显然不是我的第一选择。
浏览 0提问于2011-10-25得票数 0
回答已采纳
3回答
请查看此页面：
右边的缩略图，链接到不同的项目组合(Wordpress single posts)。我希望活动项目的缩略图是垂直居中的滚动条时，用户进入页面。现在，它会重置滚动条，所以人们看不到导航。如何使用jQuery来实现这一点？
谢谢。
浏览 3提问于2010-01-06得票数 1
回答已采纳
1回答
我正在构建一个最小宽度为1600px的非响应式网站。如何将所有内容居中，让所有内容在移动设备上观看时可见？我将元视口设为<meta name="viewport" content="width=1600">，但内容不在移动端居中。并且出现了一个水平滚动条。(在iphone 5上)谢谢。
浏览 0提问于2016-12-13得票数 0
1回答
我保持我的网站上的所有元素，居中，但当滚动条显示或隐藏时(通过按顶部导航上的菜单按钮可以看到)，由于滚动条造成的屏幕宽度不同，元素会左右抖动几个像素。
有没有什么HTML、CSS或Javascript的方法来否定这一点呢？谢谢!
浏览 2提问于2016-12-25得票数 0
我想要将一个div居中，然后(通过transorm: scale )将其缩放为更大。 我使用flexbox将div居中。我想使用整个视图空间，所以我给HTML和BODY元素一个100%的高度。 在Firefox中，它的渲染效果很好。然而，在Chrome中，内部div的缩放似乎会导致BODY元素溢出，并出现一个垂直滚动条。 如果你在Chrome和Firefox中运行下面的代码片段，你会注意到不同之处:垂直滚动条只出现在Chrome中。我想让它在Chrome中看起来就像在Firefox中一样(没有滚动条)。 有人能帮我解决这个问题吗？ html {
height: 100%;
浏览 10提问于2019-03-03得票数 1
回答已采纳
1回答
我有这个css
.App {
font-family: sans-serif;
text-align: center;
display: grid;
margin: 10px;
border: 1px solid;
height: calc(100vh - 20px);
}
要制作一个居中框(全屏)，但我注意到有一个滚动条，我想知道px是否正确，为什么会有滚动条？
浏览 2提问于2022-05-13得票数 1
如何在没有固定顶部的Bootstap5站点上垂直地对容器进行中心设置？
这是我的代码:内容是居中的，但有一个滚动条.
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet
浏览 2提问于2022-03-29得票数 1
我正在对我的站点进行新的布局&我偶然发现站点，我发现该站点可以利用页面滚动条来滚动站点中的部分内容。他们是怎么做到的？我通过Firebug研究了他们的CSS，但我很困惑。
这是我的测试页面1： (这个页面可以居中显示内容，但是不能像我想要的那样滚动)
这是我的测试页面2： (这个页面可以随意滚动，但不能居中)
我只是想让页面的左侧内容滚动页面滚动条，但右侧的内容停留在原来的位置，加上整个网站应该对齐中心，即合并我的测试页面1和2。有人能给我一些光吗？
浏览 2提问于2011-07-31得票数 35
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
