小编Jam*_*son的帖子

使用flexbox的谷歌浏览器视口锚定扩展方向

Google Chrome中存在一个问题,即当元素放置在Flexbox容器内且相邻的 Flex项目具有space-betweencenter对齐内容时,元素在相对于视口的不同方向上展开/折叠.

这在Firefox,IE11,Edge或Safari中不是问题,因为元素总是向下扩展.

我很好奇:

  • Chrome的行为是否符合某些规范?如果是这样,哪一个?
  • 如果没有,那么为什么在Chrome中完成?(恕我直言,点击触发器随机消失,这是一个可怕的用户体验.)
  • 某些人可以修改或禁用Chrome的行为吗?例如.通过CSS或元标记?

更新1:如果可能的话,我已经向铬虫追踪者提交了问题#739860,寻求Chromium开发者的见解/解释.


以下是插入的两个示例.可以在此笔中找到描述该问题的完整测试套件:https: //codepen.io/jameswilson/full/xrpRPg/我已选择在此示例中使用slideToggle,以便展开/折叠动画是动画的并且可见眼.详细信息标记也会出现相同的行为,但是目前还没有跨浏览器支持,并且展开/折叠太过笨拙.

例1:Chrome在合理的Flexbox之间的空间展开/折叠行为

chrome的扩展/折叠行为为空间 - 合理的

$('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)

css jquery google-chrome css3 flexbox

14
推荐指数
1
解决办法
443
查看次数

对包进行排序而不添加/更新依赖项

在具有很长的包列表和各种功能分支的现有项目中添加新的依赖项我希望通过按字母顺序添加依赖项来缓解和最小化合并冲突.

为了得到这个清理,不过,我希望能够运行--sort-packages在它自己的功能-无需添加或更新任何东西-只是一个单一的承诺是清理现有的包,然后添加"sort-packages" : "true""config"第composer.json文件确保所有新包都按字母顺序添加.

是否可以composer.json使用--sort-packagesCLI上的composer 选项对杂乱文件中列出的包进行排序,而无需实际添加或更新任何依赖项?

到目前为止,我发现的唯一解决方法是运行composer update some/package --sort-packages对一个你肯定不会更新的包,因为它已经是最新版本了.这不太理想.

composer-php

9
推荐指数
2
解决办法
2771
查看次数

Visual Studio Code 终端 shell 与任务 shell 缺少 rvm

我使用 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)

shell rvm visual-studio-code

5
推荐指数
1
解决办法
2262
查看次数

如何将 Python 和 pip 或 conda 包添加到 DDEV

我需要在Ddev Web docker 映像中执行 Python 脚本,但无法确定需要哪些Debian python 库才能获得带有附加 py 包依赖项的 Python 二进制文件。

python docker ddev

5
推荐指数
1
解决办法
2224
查看次数

越南语的Unicode范围

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)

unicode fonts subset webfonts

2
推荐指数
1
解决办法
2701
查看次数