如何在不切断第一个元素的情况下居中水平滚动的div？

文章/答案/技术大牛

发布

1回答

水平调整居中并根据内容进行调整

html、css、flexbox、centering

每个标签包含不同大小的内容。A和B的水平尺寸相对较短，但可以垂直增长，而C包含的表也可以垂直增长，但主要是水平增长。我希望所有东西(包括标签本身)都水平居中，这样无论你点击哪个标签，所有东西都会居中(水平)，并根据内容进行调整(在出现溢出的情况下，填充x%的视图或使用滚动条填充100%，即表格变得太宽)。在尝试了不同种类的flexbox配置后，我

浏览 3提问于2018-04-16得票数 0

1回答

使绝对定位，居中的div滚动而不切断第一个元素。

html、css、angular

该列表需要垂直和水平中心到它的容器。为此，我使用了以下样式：left: 50%;position: absolute;如何使列表div在水平和

浏览 0提问于2018-04-26得票数 0

回答已采纳

2回答

使用居中技术进行页面切分

css、html、center

在我的网站上，我有一个中心和一个右栏。中间和右边的列被一个id = <div>的包装元素包围。使用以下CSS技术将周围的div元素居中： position:absolute; margin-left:-307px; /* 307px = half of594px(width of #center_column) */这可以很好地工作，除了当浏览器<em

浏览 0提问于2011-03-23得票数 2

回答已采纳

1回答

水平滚动切断项

css

class="width-100vw height-100vh flex justify-center absolute-scroll-x"> <div class="height-100 left-side"> <div class="height-100

浏览 0提问于2021-10-15得票数 1

回答已采纳

2回答

DataGridView汽车高度-如何AutoSize DataGridView高度？

c#、winforms、datagridview

我试图根据DataGridView AutoSize包含的行数来确定它的高度。目前，我能够通过以下几行实现这一点：然而，这使水平滚动条消失，DataGridView被切断。如何在不丢失水平滚动条的情况下自动调整高度？

浏览 1提问于2016-08-07得票数 3

回答已采纳

1回答

css、flexbox

我的用例试图将溢出的项目居中。(它们的项目没有居中) 想象一下，如果Netflix在展示他们的选择时，中间的项目位于屏幕的中央。这就是我的列滚动条的效果，但我的第一个项目被部分切断了。我找到了一个使用jQuery的解决方案，但我更愿意使用CSS来提交。不过，我得给你们中的一个打个标签。有什么想法吗？ -494

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

3回答

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

html、css、image、center

我遵循代码： <img src="banner.png">CSS margin: auto;}我试过将.banner div的</

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

回答已采纳

3回答

如何让包装的div水平填充窗口？

html、css

我有一个div，它包含在另一个960px宽的居中div中。我正在为内部div添加一个背景，它应该水平地一直扩展到窗口的边缘，本质上是脱离了它的容器的边界。如果我应用了较大的负边距和等量的填充，这在左侧有效，但右侧会出现滚动条。有没有人知道如何在不产生滚动条的情况下实现这一点？

浏览 0提问于2010-04-27得票数 2

2回答

如何使元素在窗口调整大小/分辨率更改时不调整大小

css

我有简单的登录框，这是居中的页面(垂直和水平)。你可以在这里找到它的DEMO：问题是，每次我手动调整浏览器窗口的大小时，div (#login-logout-box)的内容都会被调整大小，如果有人试图在浏览器窗口中查看此登录表单，它的高度比380px低，它应该向页面添加滚动条。但是自动取款机而不是那个盒子已经被切断了。这意味着，在低分辨率下，此表单仅显示在不能滚动的</

浏览 0提问于2012-03-26得票数 0

回答已采纳

2回答

可滚动区域中的居中元素

html、css、scroll、flexbox、centering

如何在可滚动的水平flex容器中居中对齐第一个和最后一个flex项？scroll-snap-type: x mandatory;和项目有：滚动是有效的，但是列表中最左侧和最右侧的项目始终分别与左右对齐我想让第一个和最后一个项目能够在滚动<em

浏览 1提问于2018-12-31得票数 3

2回答

子元素扩展父元素的宽度，而不考虑负边距和溢出。

html、css、overflow、fixed-width、margin

我正在尝试制作一个具有固定宽度的居中页面，其中包含在这些边界上扩展的单个元素(如Design元素)。在宽视口中，它的工作方式与预期一样，但当窗口变得比该元素的宽度小时，它会切断左侧，但会使页面滚动以查看右侧突出部分。margin: 0 -25px; background: rgba(25

浏览 0提问于2015-05-03得票数 2

4回答

将图像水平居中定位，并使高度达到视口的100%

html、css

我有一个图像占据了整个视区的高度。图像高度应横跨整个视口高度(100%)，以便适合查看它的屏幕(此处已完成)，并且宽度应与高度相对成比例。正如您在我的页面()中看到的那样，页面的两侧有空间。我希望图像水平居中。id="main"><&#

浏览 0提问于2012-07-17得票数 5

回答已采纳

1回答

CSS所有正文内容居中

css、html

如何在窗口驻留时，在不更新元素left:和top:属性的情况下，使所有<body> </body>元素水平和垂直居中。

浏览 1提问于2017-01-20得票数 0

2回答

如何使元素在页面体水平滚动时不水平滚动

html、css

我的html就是这样的： <div class='title'>Title</div> </div> 假设浏览器窗口是500 px宽，我希望hea

浏览 2提问于2018-01-06得票数 3

回答已采纳

1回答

如何在已经居中对齐的元素周围添加元素？

html、css、flexbox

我创建了一个表单，其中一些文本元素垂直对齐，如下所示：它们使用flexbox在页面上水平和垂直居中： display: flex; align-items: center;} 我现在要做的是在第一个文本框的两边添加一些元素的同时，保持这种对齐方式(即保持页面上的所有内容都已经在原来<em

浏览 2提问于2017-12-01得票数 0

2回答

无法使用css将三个div居中

css

我想把三张图片水平居中。pointer;height: auto;width:100%;} <a href="documents.php"><div class="documents"></<

浏览 2提问于2013-10-02得票数 0

2回答

文本-对齐意外行为

html、css、text-align

据我所知，如果我将文本对齐:center应用于div，那么所有包含的元素都将具有文本对齐:center属性。我试图实现的只是简单地在标题标记中水平地对图像进行居中，并以这样的方式实现：body {} background-color: black;:居中，图像在div的中心被神奇地对齐。但是如果我从标题中删除文本对齐:居中并将其移动到图像<e

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

3回答

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

html、css

此外，还有一个水平滚动条，我不知道为什么或如何摆脱它。当我尝试overflow时-x:hidden；.front被切断，垂直滚动被缩短。</h1> <div class="links"> <a href="asdasd

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

1回答

可滚动区域内居中元素

javascript

我有一个长的ul元素，里面充满了li。启用了水平滚动，因此同时只有很少的<li>可见。href="centerMe()">CenterMe</a></li></ul> 我希望centerMe()在div的当

浏览 3提问于2011-07-16得票数 0

回答已采纳

1回答

如何正确地将宽度设置为百分位数并以像素为单位保留最小宽度？

html、width、background-image、css

所以我有一个标题/导航栏div，这个div有一个repeat-x背景图像。然后我得到了一个水平导航，它的中心是这个背景，但需要一个最小宽度和正常宽度。我希望它显示为80%的宽度，最小宽度1000px，并居中。id="bar"> UL LI HERE</

浏览 0提问于2012-10-12得票数 2

回答已采纳

点击加载更多

水平调整居中并根据内容进行调整

使绝对定位，居中的div滚动而不切断第一个元素。

使用居中技术进行页面切分

水平滚动切断项

DataGridView汽车高度-如何AutoSize DataGridView高度？