我正在使用弹性框显示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)
颜色继承似乎不适用于按钮。
<div style='color:blue'>
<button>
hi
</button>
</div>
Run Code Online (Sandbox Code Playgroud)
当我调试上面的代码时,我看到按钮从 div 继承了颜色“蓝色”。但是,它仍然呈现为黑色。
如果我直接将按钮的颜色设置为蓝色,它会按预期呈现蓝色。
如何让颜色继承适用于按钮?
jsfiddle在这里。
我可以向 AWS S3 的 GetObject提供 HTTP Range 标头以请求对象的指定字节范围。
它是真正的随机访问,还是在返回我请求的范围之前,S3 是否必须处理该范围之前的所有对象?
范围标头是简单地减少传输的字节数,还是还提供有效的随机访问?