小编Viv*_*ajh的帖子

Flexbox:每行4个项目

我正在使用弹性框显示8个项目,这些项目将动态调整我的页面大小.如何强制它将项目分成两行?(每行4个)?

这是一个相关的剪辑:

(或者,如果你更喜欢jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/)

.parent-wrapper {
  height: 100%;
  width: 100%;
  border: 1px solid black;
}
.parent {
  display: flex;
  font-size: 0;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
.child {
  display: inline-block;
  background: blue;
  margin: 10px 0 0 10px;
  flex-grow: 1;
  height: 100px;
}
Run Code Online (Sandbox Code Playgroud)
<body>
  <div class="parent-wrapper">
    <div class="parent">
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
    </div>
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

html css html5 css3 flexbox

200
推荐指数
5
解决办法
28万
查看次数

如何为左,右和顶部定位具有相等边距的div

我想实现一个如下所示的布局:

内部div嵌套在外部div中,顶部,左侧和右侧具有相等的边距.

我对css/html唯一解决方案感兴趣,所以不需要javascript.

两个div的宽度都是动态的,所以我不能使用任何静态边距.

div的侧面和顶部之间的间距应该相同.

我尝试margin: auto auto 0 auto在内部div上使用,正如你在这个jsfiddle中看到的那样,但它只适用于左右.

html css

5
推荐指数
2
解决办法
2万
查看次数

如何让按钮继承颜色

颜色继承似乎不适用于按钮。

<div style='color:blue'>
    <button>
        hi
    </button>
</div>
Run Code Online (Sandbox Code Playgroud)

当我调试上面的代码时,我看到按钮从 div 继承了颜色“蓝色”。但是,它仍然呈现为黑色。

如果我直接将按钮的颜色设置为蓝色,它会按预期呈现蓝色。

如何让颜色继承适用于按钮?

jsfiddle在这里

html css

1
推荐指数
1
解决办法
2644
查看次数

AWS S3 GetObject 是否提供随机访问?

我可以向 AWS S3 的 GetObject提供 HTTP Range 标头以请求对象的指定字节范围。

它是真正的随机访问,还是在返回我请求的范围之前,S3 是否必须处理该范围之前的所有对象?

范围标头是简单地减少传输的字节数,还是还提供有效的随机访问?

amazon-s3 amazon-web-services

1
推荐指数
1
解决办法
945
查看次数

标签 统计

css ×3

html ×3

amazon-s3 ×1

amazon-web-services ×1

css3 ×1

flexbox ×1

html5 ×1