小编jfo*_*fox的帖子

好的,首先我了解到Xvfb不包含在我的OS X版本中,所以我从http://www.xquartz.org/安装了它.

这似乎有效:

which xvfb
/opt/X11/bin/xvfb

但是当我尝试将它与pyvirtualdisplay和xvfbwrapper一起使用时,我在这个问题上找到了以下建议如何在Xvfb中运行Selenium？我的脚本运行没有错误,只是在Chrome浏览器窗口中打开:

from selenium import webdriver
from pyvirtualdisplay import Display

display = Display(visible=0, size=(800, 600))
display.start()

browser = webdriver.Chrome()
browser.get('google.com')

我在这里做错了吗？

我正在使用CSS网格来实现卡网格布局.

但我不太知道如何调整minmax()语句来处理没有足够的项目来填充行但仍然需要它们看起来像卡片的用例!

如果我用静态100px替换最大1fr值或使用小数0.25fr,它会在较小的介质尺寸下扰乱缩放.

.wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-column-gap: 17px;
  grid-row-gap: 25.5px;
  padding-bottom: 25.5px;
}
.card {
  background-color: #000;
  height: 100px;
}

<div class="wrapper">
  <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>

然后,如果只有几个项目

.wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-column-gap: 17px;
  grid-row-gap: 25.5px;
  padding-bottom: 25.5px;
}
.card {
  background-color: #000;
  height: 100px;
}

<div class="wrapper">
  <div class="card"></div>
  <div class="card"></div>
</div>

我犯了一个错误,忘了在我写的一些代码中使用属性值:

<a href="http://somesite.org/test-link/1" class="summary-title-link"></a>

var link = document.getElementsByClassName("summary-title-link")[0],
    ele = document.createElement("a");
ele.href = link;

而且我很惊讶地看到它仍然有效.

<a href="http://somesite.org/test-link/1"></a>

在下面这个例子的扩展中,我发现奇怪的是我在使用路径名之前不需要定位href属性？它似乎以某种方式假设我想要来自href属性的路径名.

var link = document.getElementsByClassName("summary-title-link")[0].pathname;

"/test-link/1"