小编Mic*_*son的帖子

使弹性项重叠

我想展示一系列未知数量的扑克牌.要做到这一点,如果有太多,他们将不得不重叠.我无法说服弹性盒与卡片重叠而不缩小它们.以下示例缩小了卡片.我试过了flex-shrink: 0,但后来max-width没有得到尊重.

.cards {
  display: flex;
  max-width: 300px;
}

.card {
  width: 50px;
  height: 90px;
  border: 1px solid black;
  border-radius: 3px;
  background-color: rgba(255, 0, 0, 0.4);
}
Run Code Online (Sandbox Code Playgroud)
<div class='cards'>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox css-grid

16
推荐指数
5
解决办法
3万
查看次数

最好的方法来并排排列标签和输入

如果不使用表格display:table,是否可以为输入左侧的标签设置灵活的宽度区域?出于浏览器兼容性原因,我还想避免网格布局.我希望css能够解决这个问题:

short_label   input_box____________________
tiny_label    input_box____________________
medium_label  input_box____________________
Run Code Online (Sandbox Code Playgroud)

然后还相应处理更大的标签:

short_label            input_box__________
medium_label           input_box__________
very_extra_long_label  input_box__________
Run Code Online (Sandbox Code Playgroud)

但我不想要:

short_label            input_box__________
tiny_label             input_box__________
medium_label           input_box__________
Run Code Online (Sandbox Code Playgroud)

因此第一列需要具有灵活的宽度,第二列需要增长以填充空间.我的html理想情况下看起来像这样,但如果有必要,可以添加"行"div.我觉得有一个灵活的答案,但也许不是因为所有行都需要对齐.

<div class='aligned_form'>

  <label for='a'>short_label</label>
  <input type='text' id='a'>

  <label for='b'>medium_label</label>
  <input type='text' id='b'>

  <label for='c'>very_extra_long_label</label>
  <input type='text' id='c'>

</div>
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox twitter-bootstrap

16
推荐指数
2
解决办法
5350
查看次数

在所有分支中搜索一个文件中的字符串

是否可以在所有分支中的一个文件中使用 Git grep字符串?

我知道我对某个特定文件进行了更改;我只是找不到我在哪个分支上做的。

git

8
推荐指数
1
解决办法
1118
查看次数

PhpStorm:查找包含参数的函数的用法

如果我有一个这样的函数:

<?php

function foo($used, $maybe_unused = '') { ... }
Run Code Online (Sandbox Code Playgroud)

Alt-F7将找到对 foo() 的所有调用。但是,我想知道是否有任何调用包含第二个参数。如果所有调用都不包含第二个参数,我就会知道可以安全地删除它。在不查看整个结果列表的情况下,我想知道是否有这样的调用:

foo('first', 'second');
Run Code Online (Sandbox Code Playgroud)

或者,如果它们都是这样的:

foo('first');
Run Code Online (Sandbox Code Playgroud)

因此我可以删除第二个参数。

php code-inspection phpstorm

8
推荐指数
1
解决办法
1043
查看次数

我刚刚参加了什么git分支?

我的工作流程通常包括以下内容:

  • 在长期功能分支上工作(称之为'A')
  • 签出主人并制作一个修补程序分支(称之为'B')
  • 推我的修补程序
  • 然后我忘记了之前我正在做的分支......

有没有任何git历史可以告诉我,我以前工作的东西是分支A?

git

3
推荐指数
1
解决办法
45
查看次数

phpunit assert 包含两种可能

我如何要求 PHPUnit 断言一个长字符串包含两个可能的选项之一?任何一个结果都应该断言为真。像这样的东西?

$multi_kilobyte_string = "lorem ipsum...";
$option1 = "dolor";
$option2 = "amet";
$this->assertContains([$option1, $option2], $multi_kilobyte_string);
Run Code Online (Sandbox Code Playgroud)

phpunit

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