Google Chrome中存在一个问题,即当元素放置在Flexbox容器内且相邻的 Flex项目具有space-between或center对齐内容时,元素在相对于视口的不同方向上展开/折叠.
这在Firefox,IE11,Edge或Safari中不是问题,因为元素总是向下扩展.
我很好奇:
更新1:如果可能的话,我已经向铬虫追踪者提交了问题#739860,寻求Chromium开发者的见解/解释.
以下是插入的两个示例.可以在此笔中找到描述该问题的完整测试套件:https: //codepen.io/jameswilson/full/xrpRPg/我已选择在此示例中使用slideToggle,以便展开/折叠动画是动画的并且可见眼.详细信息标记也会出现相同的行为,但是目前还没有跨浏览器支持,并且展开/折叠太过笨拙.
例1:Chrome在合理的Flexbox之间的空间展开/折叠行为
$('button').click(function() {
$(this).next().slideToggle();
})Run Code Online (Sandbox Code Playgroud)
body {
margin: 30px;
font-family: sans-serif;
}
aside,
aside div,
summary,
main,
button,
details p,
button + p {
background: rgba(0,0,0,.09);
border: none;
padding: 20px;
margin: 0;
}
.flexcontainer {
display: flex;
}
aside {
flex: 1;
position: relative;
max-width: 25%;
background: mintcream;
display: flex;
flex-direction: column;
position: relative;
}
aside.space-between {
justify-content: …Run Code Online (Sandbox Code Playgroud)在具有很长的包列表和各种功能分支的现有项目中添加新的依赖项我希望通过按字母顺序添加依赖项来缓解和最小化合并冲突.
为了得到这个清理,不过,我希望能够运行--sort-packages在它自己的功能-无需添加或更新任何东西-只是一个单一的承诺是清理现有的包,然后添加"sort-packages" : "true"到"config"第composer.json文件确保所有新包都按字母顺序添加.
是否可以composer.json使用--sort-packagesCLI上的composer 选项对杂乱文件中列出的包进行排序,而无需实际添加或更新任何依赖项?
到目前为止,我发现的唯一解决方法是运行composer update some/package --sort-packages对一个你肯定不会更新的包,因为它已经是最新版本了.这不太理想.
我使用 RVM 在基于 Mac 的开发环境中更改 Ruby 版本。
-l在 Visual Studio Code 中,当我打开常规终端选项卡时,我会根据标准默认配置进入带有选项的 bash 登录 shell ,如下所示:
// VSCode default settings
{
"terminal.integrated.shell.osx": "/bin/bash",
"terminal.integrated.shellArgs.osx": [
"-l"
]
}
Run Code Online (Sandbox Code Playgroud)
默认情况下,从 VSCode 终端手动执行的 RVM 命令为我提供了该项目预期的 ruby 版本。
$ rvm list
ruby-2.0.0-p648 [ x86_64 ]
ruby-2.1.10 [ x86_64 ]
ruby-2.1.5 [ x86_64 ]
ruby-2.2.10 [ x86_64 ]
ruby-2.2.5 [ x86_64 ]
ruby-2.3.0 [ x86_64 ]
* ruby-2.3.1 [ x86_64 ]
=> ruby-2.3.7 [ x86_64 ]
# => - current
# …Run Code Online (Sandbox Code Playgroud) 我需要在Ddev Web docker 映像中执行 Python 脚本,但无法确定需要哪些Debian python 库才能获得带有附加 py 包依赖项的 Python 二进制文件。
Google字体的Source Sans Pro实现包含越南语子集,但是,它包含各种缺少的字形,如Source Sans Pro github帐户的第90期中所讨论,但被维护者关闭。
该问题在以下代码段中可见。
/*
Fall back to serif so the
missing glyphs are more
easily visible
*/
body {
font-family: "Source Sans Pro", serif;
font-size: 25px;
}
p {
margin: .1em 0 1em;
}
small {
margin: 0;
font-weight: 400;
font-size: 12px;
color: #999;
border-bottom: 1px solid #ccc;
}
.w200 { font-weight: 200; }
.w300 { font-weight: 300; }
.w400 { font-weight: 400; }
.w600 { font-weight: 600; }
.w700 { font-weight: 700; } …Run Code Online (Sandbox Code Playgroud)