在CSS中是否有一种方法可以让元素表现得像右边的图片？元素的顺序并不重要,但是当人调整页面大小时,tile需要从下到上而不是自上而下占用空间.
NORMAL DESIRED
|---------| |---------|
| A B C D | | I |
| E F G H | | E F G H |
| I | | A B C D |
|---------| |---------|
示例代码:
<html>
<head>
<style>
.container {
margin:10px;
border:1px solid black;
float:left;
}
.tile {
width:100px;
height:100px;
border:1px solid black;
margin:5px;
float:left;
font-size: 50px;
text-align: center;
line-height: 100px;
vertical-align: middle;
}
</style>
</head>
<body>
<div id="container-1" class="container">
<span class="tile">1</span>
<span class="tile">2</span>
<span class="tile">3</span>
<span …每当我拉出此图像时，我都会收到错误消息“清单列表条目中没有与 windows/amd64 10.0.17134 匹配的清单”。我已经卸载/重新安装了 Docker 并获得了相同的结果。我不确定我错过了什么。
这是终端输出：
> docker image pull mcr.microsoft.com/windows/servercore:ltsc2019
ltsc2019: Pulling from windows/servercore
no matching manifest for windows/amd64 10.0.17134 in the manifest list entries
> docker info -f '{{.OSType}}/{{.Architecture}}'
'windows/x86_64'
我的环境：
在 Azure APIM 中，我试图创建一个将验证 JWT 的策略。无论我尝试什么，我总是收到“401：无效的 JWT”错误。有谁知道我做错了什么？（也许我没有使用正确的签名密钥？）
我的 base64 编码安全密钥是Zm9v.
我在 jwt.io 创建示例令牌，所以我的授权标头是：
Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.Bm8tu4m18oA96xwhBL8AV_4hRpIU6OrK5UaOmGqBEsk
这是我正在使用的政策：
<policies>
<inbound>
<base />
<validate-jwt
header-name="Authorization"
require-expiration-time="false"
require-scheme="Bearer"
>
<issuer-signing-keys>
<key>Zm9v</key>
</issuer-signing-keys>
</validate-jwt>
</inbound>
<backend>
<base />
</backend>
<outbound>
<base />
</outbound>
<on-error>
<base />
</on-error>
</policies>
HTTP响应：
cache-control: private
content-length: 48
content-type: application/json
ocp-apim-trace-location: https://xxxxxxx
vary: Origin
{
"statusCode": 401,
"message": "Invalid JWT."
}