css - 居中 div,即使它对于屏幕来说太宽了

标签 css

在我的登录页面上,我有一个样式,其中包含一些内容,两者之间有一些填充。在屏幕宽度达到容器的宽度之前,它看起来很完美。它不再居中于页面,而是开始切掉右侧。

我想要它而不是保持居中并从左侧和右侧切掉等量的部分。我怎样才能做到这一点?

我已经尝试了各种边距和居中技术,但一直无法完成。

更新

我在网上找到的所有有效解决方案都要求父元素为 position:absolute,但由于其他限制我无法使用。

最佳答案

通过在整个页面上放置相等的负边距来解决

margin-left: -10em;
margin-right: -10em;

关于css - 居中 div,即使它对于屏幕来说太宽了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28776394/

相关文章:

html - 只使用 html/CSS 在不知道列数的情况下使表中的列相等

html - 防止背景重复

html - 当 <th> 中的单元格多于 <tr> 时,如何隐藏或删除 <tr> 上的空单元格?

css - 溢出隐藏无法正常使用半径边界

css 标准标签边距取决于前面/后面的元素

javascript - 使用新的宽度和高度下载调整大小的图像

javascript - 如何将 Material UI Popper 定位在浏览器的右下角?

javascript - 隐藏较低 z-index 的元素 "beneath"div

css - CSS specificity中的points是怎么计算的

javascript - 如何在屏幕尺寸更改时覆盖 jquery slidetoggle