我需要创建一个响应式Web,以便父级的宽度是动态的.有两个弹性项目,一个是长(动态),另一个是短(静态).
我希望结果看起来像第二行,长文本被打破(或重叠时隐藏),短文本总是正确显示.
我尝试使用,flex-shrink: 0但似乎总是有溢出.
在这种情况下如何摆脱溢出?
我确实需要flex布局,不应该涉及js.
.parent {
display: flex;
flex-direction: row;
width: 15rem;
background: yellowgreen;
padding: 10px;
overflow: hidden;
}
.flex-item {
width: 10em;
padding: 10px;
background: yellow;
flex: 1 1 50%;
}
.block1 {
background: red;
}
.block2 {
background: orange;
}
.nos {
flex-shrink: 0 !important;
}Run Code Online (Sandbox Code Playgroud)
<div class="parent">
<div class="flex-item">
<div class="block1">
longlonglonglonglonglonglonglonglonglonglonglonglonglong
</div>
</div>
<div class="flex-item nos">
<div class="block2">
Display
</div>
</div>
</div>
<br/>
<div class="parent">
<div class="flex-item">
<div class="block1">
longlonglonglonglong...
</div>
</div> …Run Code Online (Sandbox Code Playgroud)这个问题的起源是从 docker private registry 拉取超慢。
然后我发现wget通过注册表远程API的速度还可以。
现在我得到一张图像的图层。如何将它作为图像加载到我的 docker 守护进程?
附:
我试过docker load < layer.0,其中 layer.0 是所有图层的基本图像。
结果如下。
FATA[0015] 错误:打开/home/docker/data/docker/tmp/docker-import-087506163/repo/etc/json:没有那个文件或目录