我有一堆相同大小的块设置display:inline-block在div内部,text-align:center设置为对齐块.
| _____ _____ _____ _____ |
| | | | | | | | | |
| | 1 | | 2 | | 3 | | 4 | |
| |_____| |_____| |_____| |_____| |
| _____ _____ _____ _____ |
| | | | | | | | | |
| | 5 | | 6 | | 7 | | 8 | |
| |_____| |_____| |_____| |_____| |
| |
Run Code Online (Sandbox Code Playgroud)
这些块水平填充div,随着浏览器窗口缩小,一些块会断开到新行,从而创建更多行和更少列.我希望所有内容仍然保持居中,最后一行与左边齐平,如下所示: …
我有一个非常简单的困境,在我多年的发展过程中,我从来不知道最好的答案:
有一个固定高度的容器 div,它也包含背景颜色为白色的页脚(因此没有粘性页脚)。页脚也是一个固定的高度。身体包含一个背景图像,它会逐渐变成一种颜色,比如说橙色。在高大的浏览器上,页脚下方会有空间,这也将是橙色的主体颜色。如何在不影响页脚上方的主体颜色的情况下将页脚下方的空间设为白色?
下面是一些示例 HTML:
<body>
<div class="container">
Container Content
<div class="footer">
Footer Content
</div>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
和 CSS:
body {
background: #ffaa00 url(image.png) no-repeat;
}
.container {
height: 1200px;
margin: 0 auto;
width: 960px;
}
.footer {
background-color: #fff;
height: 120px;
}
Run Code Online (Sandbox Code Playgroud)
示例图像(每个客户端请求的主要内容模糊):

看到白色页脚下方的橙色条纹了吗?我希望它是白色的。我们永远不知道那个空间的高度是多少。有什么建议?首选 CSS 解决方案,但 jQuery 也可能工作。
我知道您可以使用扩展运算符复制数组:
const itemsArr = [...this.state.itemsArr];
您可以解构一个作为对象键值的数组:
const { itemsArr } = this.state
有没有一种方法可以将它们合并为一个步骤?伪代码:
const { itemsArr } = [...this.state]
或者
const { [...itemsArr] } = this.state
编辑:有没有一种方法可以将它们合并为一个步骤,以避免输入“itemsArr”两次?