【问题标题】:Left aligned div not centering on certain page sizes左对齐 div 不以某些页面大小为中心
【发布时间】:2017-07-29 04:13:56
【问题描述】:

相关页面的示例:https://rhstrategic.staging.wpengine.com/team/brandon-blackwell/

我在这里有一种特殊情况,其中我有一个块 div,当屏幕尺寸低于 960 像素时,它保持左对齐并且仅使用 50% 的宽度(顶部红色横幅部分中的名称块) .我尝试更改 CSS 以使宽度为 100%,但问题是高度似乎是随宽度动态生成的(如果我将 div 宽度增加到 100%,高度也会加倍)。

我不知道如何分离高度和宽度,也不知道这些 CSS 更改是从哪里或从哪个文件动态生成的。它看起来有点像 HTML5 数据对象,但我对这些类型的东西有点陌生,所以我不确定如何更改它。当它下降到 650px 时,它似乎表现得如我所愿。但是在 650-960px 之间是左对齐的。

我需要做的就是当页面下降到 960 像素或更低时,我需要当前左对齐的部分在页面上保持全宽并居中。有什么想法吗?

【问题讨论】:

    标签: javascript css html


    【解决方案1】:

    只是一个警告:我不能 100% 确定这个答案是否能正常工作......我的想法是将这种风格放在 div 中: div{ width:100%; height:50%; }

    【讨论】:

    • 如果你不确定,那么你应该评论和OP澄清。
    • @HassanImam OP 是什么?
    • 阅读此link
    【解决方案2】:

    我想建议的几件事:

    1. 如果您是前端设计新手,我建议您了解 HTML 页面的网格系统。学习Bootstrap 将是您完美的开始。
    2. 现在您想让您的网站更流畅,请查看CSS media query。这将帮助您实现响应能力。

    快乐编码..

    【讨论】:

      猜你喜欢
      • 2023-03-03
      • 1970-01-01
      • 2019-10-14
      • 2012-02-15
      • 2013-12-02
      • 2011-07-28
      • 2013-12-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多