小编Tim*_*her的帖子

我看到一个Flexbox的布局像这样的网站我最近看到的,我想知道的13.333px是来自于flex: 0 0 calc(33.333% - 13.333px)规则.

margin-left每个弹性项目都有一个集合,然后显然要使左侧与容器的侧面齐平,您可以使用.flex .flex-item:nth-child(3n+1)规则从每行的开头删除边距.

在我的脑海中,这意味着每行中有40px的填充,因为两个项目仍然具有边距.所以,我希望它是33.333% - 40px.但是,这样做会在容器中留下额外的空间.

它13.333px来自哪里？我假设它只是一些数学上我没有得到的东西.

.container {
  max-width: 1140px;
  margin: 0 auto;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex .flex-item {
  flex: 0 0 calc(33.333% - 13.333px);
  margin: 0 0 16px 20px;
}

.flex .flex-item:nth-child(3n+1) {
  margin-left: 0;
}

img {
  max-width: 100%;
  height: auto;
}

<div class="container">
  <div class="flex">
    <div class="flex-item"><img src="https://via.placeholder.com/800x400" /></div>
    <div class="flex-item"><img src="https://via.placeholder.com/800x400" /></div>
    <div class="flex-item"><img …

我在 Git 中有一个临时分支和主分支似乎有点不同步。我正在使用 GitLab，并打开了从 stage 到 main 的合并请求，只是为了看看分支之间有什么区别。差异似乎包括主分支中已经存在的“更改”，对此我有点困惑。例如，“更改”选项卡中显示的更改之一是添加主分支中已有的文件，并且这两个文件是相同的。

然而，我在暂存分支上看到一些提交尚未进入主分支。这很好，我现在想让它们远离主分支。

我想知道如何使分支同步，以便当我打开从阶段到主分支的合并请求时，唯一的更改是实际上不在主分支中的分支。当我打开合并请求时，为什么主文件中已经存在的文件显示为“添加”？

理想情况下，我希望不要触及主分支，而是使用主分支中的内容重建暂存分支，并将不在主分支中的提交保留在阶段上。

我正在观看来自 Scratch 系列的 Laracasts：Laravel 5.4，并且遇到了查询范围的概念。

在视频中，我们设置了一个这样的类：

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Task extends Model
{

    public function scopeIncomplete($query)
    {

        return $query->where('completed', 0);

    }
}

我的第一个问题：

为什么 public function scopeIncomplete($query)像这样的方法：这样调用：App\Task::incomplete()使用::运算符？

那不是静态调用的非静态方法吗？

我的第二个问题：

哪里$query来的呢？

据我所知，这是“现有”查询，但它是这样调用的： App\Task::incomplete()->where('id', '>', 1)->get();

所以我不太确定这个变量来自哪里。

也许稍后会对其进行更深入的解释，但我无法理解这是如何工作的。

好的,我有以下功能:

function hideValue(value) {
    if (this.value == value) {
       this.value = '';
}

以下表格字段:

<input onfocus="hideValue('First Name')" type="text" name="first_name" value="First Name">

我无法获得隐藏值的功能.当我alert(value);在函数中时,它返回正确的值.

我也有一个showValue函数,它正好相反.为什么这些不起作用？

尝试点击此翻页卡背面链接的左侧在 Chrome 中不起作用。然而，当我将鼠标悬停在链接的右侧时，我会看到指针光标并能够与其交互：

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.card {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  display: inline-block;
}

.card .card-inner {
  position: relative;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
}

.card .card-inner .card-face {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card .card-inner .card-face.card-back {
  -webkit-transform: rotateY( 180deg); …