javascript - 左对齐的 div 不以某些页面大小为中心

标签 javascript css html

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

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

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

我需要做的就是当页面缩小到 960px 或以下时,我需要当前左对齐的部分在整个页面上全宽并居中。有什么想法吗?

最佳答案

只是一个警告:我不是 100% 确定这个答案会正确工作...我的想法是将这种样式放在 div 中: 分区{ 宽度:100%; 高度:50%; }

关于javascript - 左对齐的 div 不以某些页面大小为中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45381318/

相关文章:

javascript - 如何防止页面链接导致下 zipper 接消失

javascript - jQtouch 排序按钮

html - 当我使用左浮动内容时,内容会跳出 block

css - 如何在水平刻度上显示条形图 - 在 D3.js 中

jquery - 使用 .data() 检索 data-* 属性的值是个好主意吗?

javascript - 图片自动上传并以表格形式显示

javascript - 一键保存多个选项卡面板

css - 使用 CSS 创建流体三 Angular 形

HTML5 动画 - 滚动到时播放

javascript - Bootstrap 下拉按钮问题