【问题标题】:How to center two divs in a one-page website? [closed]如何在一页网站中居中两个 div? [关闭]
【发布时间】:2013-10-09 04:06:11
【问题描述】:

源代码在这里:http://bit.ly/17T0cps

我正在尝试在水溅上方制作 BIG IMPACT 文本。当它们处于 100% 视图时,但当我缩小它们时,它们看起来就像我提供的图片。

谢谢

【问题讨论】:

  • 为什么不在包含BIG IMPACT 文本的 div 上将启动图像作为背景图像?
  • 飞溅将是一个动画图片,当您滚动时会滑入和滑出。

标签: css html image alignment


【解决方案1】:

只需添加

display: block;
margin: 0 auto;

img.splash

【讨论】:

  • 感谢工作。我只是添加了一些边距以使其居中。
  • 我不知道如何居中。看来我的知识在这方面被证明是错误的。这让我很困扰。在初始图像上,我尝试了 margin: 0 50%;这不起作用............
【解决方案2】:

使用任何 div 居中

positon:absolutepostion:relative 然后
top:0; bottom:0; left:0; right:0; margin:auto;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-01-12
    • 2018-04-12
    • 1970-01-01
    • 2014-10-08
    • 1970-01-01
    • 2019-12-22
    • 1970-01-01
    • 2012-01-03
    相关资源
    最近更新 更多