使用滚动CSS水平居中

文章/答案/技术大牛

发布

3回答

如何对比屏幕大的图像进行居中处理？

html、css、image、center

我遵循代码： <img src="banner.png">CSS margin: auto;} 图像的宽度为3000 no，高度为200 no，我希望图像水平居中，没有水平滚动条。

浏览 5提问于2014-09-03得票数 0

回答已采纳

1回答

javascript、html、jquery、css

我想让div水平居中，并提供使用css滚动的选项。我怎样才能做到这一点呢？我看到了一个使用自动和最大宽度的解决方案，但是由于最大宽度是30rem.so，所以div的边缘会被削减，我不想要这样的效果。我想要的是，只有当内容没有留下空间时才滚动。请注意边缘是如何切割的。是的，它是可滚动的，但由于有可用的空间，我想使用它。auto;} <link rel="stylesheet&

浏览 13提问于2021-04-29得票数 0

回答已采纳

1回答

带有未知高度居中图片的水平滚动条

html、css

我想在html/css (没有js)中制作一个从数据库中带水平滚动条的图片块，这样无论它们的高度如何，它们都会居中。我找到的将未知高度的图片居中的唯一解决方案是使用display: table或display: flex。但我发现制作水平滚动条的唯一解决方案是使用display: block。我的意思是图片应该居中，不同的高度：

浏览 6提问于2013-12-24得票数 0

2回答

垂直位置固定

html、css、position、fixed

我需要修复一个离窗口顶部16像素的div/image ...内容需要滚动，但div/image无法滚动...我的主要问题是它不能用position属性修复，因为我需要它水平滚动。和位置:固定它的垂直和水平锁定...有没有办法说div/image应该把它的垂直移动锁定在那个地方？

浏览 1提问于2015-07-10得票数 4

3回答

在不引起滚动的情况下溢出水平图像

css

我试图让一个设计工作，使图像水平溢出到某一点，但不会导致滚动条。我希望水平滚动条低于960px，但不是在上面，我希望所有的内容居中高于960px。我知道我以前见过类似的设计。如果有人能给我指出一个，那就太好了，或者如果你恰好有它的CSS :)

浏览 0提问于2012-11-28得票数 0

5回答

如何防止垂直居中的div在小屏幕上消失

html、css

我使用下面的CSS在页面上垂直居中DIV (也可以水平居中)。如果浏览器窗口的高度小于600px，我希望窗口能够滚动以显示整个DIV。但是，DIV只是将自己放在页面的中心，任何超出浏览器高度的内容都会隐藏起来--没有滚动条。有没有办法让用户滚动到这些现在隐藏的区域？

浏览 3提问于2013-01-29得票数 1

回答已采纳

3回答

无法在css中居中显示图像，也无法删除水平滚动条

html、css

此外，还有一个水平滚动条，我不知道为什么或如何摆脱它。当我尝试overflow时-x:hidden；.front被切断，垂直滚动被缩短。这是cssfont-family: 'Proza Libre', sans-serif;}text-align:left

浏览 2提问于2017-10-16得票数 3

3回答

如何根据屏幕大小对div的中心进行定位

javascript、css

我只是简单地想在屏幕的div中居中一个div。但不是div的左上角到屏幕的中心，而是中间的div。这是中心水平和垂直。

浏览 1提问于2013-09-24得票数 1

回答已采纳

1回答

无法使用flex在左侧滚动居中的img

css、image、scroll、flexbox、center

我读过很多文章，描述了如何将一个比div容器大的img居中。但我也需要水平滚动图像(特别是对于移动设备)，我无法解释我得到的行为以及如何修复它。我使用flex (通过bootstrap类)： <section id="container"> <img src="ima

浏览 15提问于2020-08-21得票数 0

1回答

GWT -如何在ScrollPanel中居中显示内容

java、gwt、vertical-alignment、centering、alignment

我想在ScrollPanel中垂直和水平居中放置FormPanel。我尝试了几种方法，但都没有成功。我已经试着在滚动面板中放置一个verticalPanel/horizontalPanel，并用它来包装formPanel。我将滚动面板和水平面板都设置为100%的宽度和高度。但是，滚动面板会根据DockLayoutPanel的中心部分的大小自动调整大小，而水平面板的大小始终等于其子窗体面板的大小。所以我不能在horizontalPanel中居中

浏览 2提问于2012-07-31得票数 3

1回答

摄像机在连接时不对着游戏对象。

unity3d、camera

这可能是一个真正的noobie问题，但我将相机作为播放器的子级附加，转换设置为(0,0)。当我在编辑器中运行时，摄像机的中心位置不对。如果我造这个游戏，那就是我想要的方式。发生这种事有什么原因吗？@Ruzihm修复了我的错误

浏览 1提问于2021-02-04得票数 0

1回答

在水平滚动页面上水平居中

css、horizontal-scrolling、alignment

我正在尝试开发一个水平滚动的网站，在其中单击导航中的链接将页面滚动到链接的div的右侧。我知道如何实现javascript，但不一定读/写它。

浏览 0提问于2012-09-21得票数 1

2回答

居中排列排行榜广告

html、css、leaderboard

在上努力将排行榜广告集中对齐-在某些页面上正确地定位自己，而在其他几个页面上错误地定位，似乎是这样。任何建议都将不胜感激，一如既往！谢谢。

浏览 1提问于2014-06-20得票数 0

3回答

将内容垂直和水平居中，浏览器不允许滚动

css、css-position、vertical-alignment、centering、alignment

我使用下面的css在垂直和水平方向上居中我的内容；问题是当您最小化浏览器以使其小于内容div时，它继续居中，但不能滚动。内容在顶部被截断了。

浏览 0提问于2013-03-24得票数 3

回答已采纳

1回答

适用于宽屏幕到小屏幕的Css降级(流畅)布局

css、layout、dynamic

我被一个我正在工作的网站的css布局卡住了。这是一个报告工具，将在宽屏显示器和上网本上使用。网站已经完成了，除了一个样式表，它可以很好地从(非常)宽屏幕格式降级为窄(上网本)格式。我知道我可以根据屏幕大小进行条件css加载，但我希望它只是一个样式表。问题的核心是，我希望右侧(图形)内容是垂直的，当页面较宽时居中，但当没有空间显示时，居中并在表格的上方/下方水平。垂直滚动是可以的。带有红色边的桌子是动态高度的，这也是一个问题。我有一个布局，使正确的图形数据<e

浏览 0提问于2011-06-28得票数 3

回答已采纳

2回答

CSS位置更改/问题

css、position

我刚刚完成了那个网站，但是有一个愚蠢的bug仍然存在……这是两页 #wrapper { position

浏览 3提问于2009-06-11得票数 2

回答已采纳

2回答

如何阻止浏览者在网页上水平滚动？

jquery、html、css、screen-resolution

我得到了一个非常复杂的设计，背景很大，所以我不得不想出一个小脚本，在较小的屏幕上调整屏幕大小，居中并删除空白，并删除水平滚动条。{ jQuery('html').css'html').css({"margin-right":"-60px"

浏览 4提问于2013-07-09得票数 0

回答已采纳

2回答

ScrollView中的Xamarin Center StackLayout

xaml、layout、xamarin、xamarin.forms

我正在尝试在ScrollView中水平居中放置StackLayout。但是，StackLayout不是水平居中的(它是左对齐的)。我试着将ScrollView居中，但是整个视图都不能滚动--只有中间部分可滚动。Text="Test"/> <Label Text="Test"/>

浏览 0提问于2016-04-21得票数 3

回答已采纳

2回答

如何将图像居中，当它比父母小，并放置在左上角当它是大的？

html、css、flexbox

200x200)然后，我希望图像在父文件中垂直和水平地居中。当图像较高时(如。(100×300)与父文件相比，我希望它放在父文件的顶部，并具有垂直滚动条，以便能够看到整个图像。我知道如何在Javascript中这样做，但我需要一个CSS解决方案。

浏览 5提问于2017-10-05得票数 1

回答已采纳

3回答

使图像始终居中，而不考虑浏览器大小

html、css

我想知道是否有可能让img在div中始终居中，而不管浏览器的大小？居中的意思是图像的左/右被裁剪，以确保图像保持居中而不改变高度。另外，当浏览器宽度小于图像宽度时，是否有可能阻止水平滚动条的出现？我敢肯定，如果我的图像位于CSS的background-url标记中，这真的很容易做到，但是因为这个图像是存放在SlidesJS carousel中的，所以图像必须来自img标记。目前，只要浏览器的宽度大于图像的宽度，我就使用margin:0 auto;来保持图像<e

浏览 2提问于2012-09-13得票数 8

回答已采纳

点击加载更多