小编Jon*_*amp的帖子

网格布局内的边框

我有一个代表井字棋游戏的 CSS 网格。我只想在网格内放置一个边框。今天，我是这样进行的：

:root {
  --border: 2px dashed #393939;
  --symbol-color: #FF7F5B;
}

.grid {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, calc(100%/3));
  grid-template-rows: repeat(3, calc(100%/3));
}

.child {
  display: flex;
  align-items: center;
  align-content: center;
  color: var(--symbol-color);
  font-size: 2.5rem;
}

.child:nth-child(1),
.child:nth-child(2),
.child:nth-child(3) {
  border-bottom: var(--border);
}

.child:nth-child(7),
.child:nth-child(8),
.child:nth-child(9) {
  border-top: var(--border);
}

.child:nth-child(1),
.child:nth-child(4),
.child:nth-child(7) {
  border-right: var(--border);
}

.child:nth-child(3),
.child:nth-child(6),
.child:nth-child(9) {
  border-left: var(--border);
}

Run Code Online (Sandbox Code Playgroud)

<div class="grid">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div> …

Run Code Online (Sandbox Code Playgroud)

html css css-grid

Jon*_*amp

2018 03-29

8
推荐指数

3
解决办法

1万
查看次数

在macOS上找不到aws-cli

我在macOS 10.13上，安装aws-cli后出现问题。我无法在CLI中使用aws命令。

我已经使用以下命令通过pip 18.0安装了aws-cli ：

pip install awscli --upgrade --user

之后，aws命令不起作用，因此我使用以下命令检查了aws-cli安装目录：

python -c 'import awscli; print(awscli)'

输出：/Users/XXXXX/Library/Python/2.7/lib/python/site-packages/awscli/__init__.pyc

然后将输出添加到PATH的python路径下的PATH目录中。 PATH="/Library/Frameworks/Python.framework/Versions/3.7/bin/python3:${PATH} export PATH=$HOME/Library/Python/2.6/bin:$PATH

不幸的是，aws命令仍然不起作用。我已经检查并遵循https://docs.aws.amazon.com/cli/latest/userguide/installing.html上的步骤，但没有解决我的问题。

我的流程有什么问题？你对我有解决办法吗？

python amazon-web-services aws-cli

Jon*_*amp

lucky-day

2
推荐指数

2
解决办法

8156
查看次数