【问题标题】:How do I center something with CSS so that it is centered relative to the scroll bar?如何使用 CSS 居中,使其相对于滚动条居中?
【发布时间】:2013-05-15 06:44:27
【问题描述】:

我在一个小组项目的页面上将 div 居中,虽然 div 本身居中,但网站内容在考虑滚动条的情况下居中。我的意思是网页内容居中,以便在没有滚动条宽度的情况下测量屏幕宽度。因此,如果显示器最初是 100px 宽,它会被读取为 100-(滚动条宽度)px 宽。不幸的是,这导致我的固定位置 div 的滚动条宽度偏离了网站的其他部分,而且看起来很时髦。有什么办法可以解决吗?不能使用 jquery,可能会使用一点点 JS。

这是我网站的链接,您可以看到我在说什么。 http://51713941.nhd.weebly.com/index.html

【问题讨论】:

  • 您有可以显示的链接或 JSFiddle 吗?
  • 滚动条在不同操作系统上的宽度也不同,所以这可能没有一个可靠的解决方案......
  • @EnigmaRM 已更新以包含指向相关网站的链接。希望有一个我可以为你制作的小提琴,但我什至不确定他们是如何让内容像这样居中的。
  • 看起来您摆脱了您遇到的词汇表问题。回去看看它,你已经更新了网站。恕我直言,没有词汇表看起来会更好。 - 另外,如果你无法通过我的用户名来判断,Enigma 的故事让我着迷。

标签: html css centering


【解决方案1】:

让我们看看一些代码。

这通常可以用 css 解决。保证金:自动

您应该使用 css 中的盒子模型概念来设置网站内容的样式和放置

同样,这个问题似乎相当模糊。

【讨论】:

  • 我会给你代码,但网站的其余部分是在所见即所得的编辑器中制作的,所以整理起来很乱。我最初使用 margin:auto 居中,但由于某种原因不起作用
  • 所以这是用cms完成的?什么厘米?您是否有权访问 CSS 文件或者您正在编写 CSS 内联?
猜你喜欢
  • 2021-09-25
  • 1970-01-01
  • 1970-01-01
  • 2014-06-29
  • 2017-12-26
  • 1970-01-01
  • 2015-04-15
  • 1970-01-01
  • 2015-12-24
相关资源
最近更新 更多