小编Cal*_*Alt的帖子

CSS Grid - 自动高度行,调整内容大小

我有两个嵌套在网格中的网格.不幸的是,右侧嵌套网格.grid-3设置了行的高度,因此左右网格都是相同的高度,额外的空间在具有类的div之间共享.right.如何设置右嵌套网格的行以调整内容的大小,因此它们与左嵌套行的高度相同?

div {
  border: 1px dotted black;
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows auto;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows auto;
}

.left {
  background-color: red;
}
 
.right {
  background-color: green;
}
Run Code Online (Sandbox Code Playgroud)
<div class="grid-2">
      <div class="grid-2">
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div class="left">L</div>
        <div …
Run Code Online (Sandbox Code Playgroud)

css css3 css-grid

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

错误:EACCES:使用webpack拒绝权限

我第一次尝试使用webpack而且我收到此错误,

Error: EACCES: permission denied, mkdir '/dist'
    at Error (native)
Run Code Online (Sandbox Code Playgroud)

在尝试运行我的生产脚本时.

A sudo chown -R 'whoami' /dist回来了chown: /dist: No such file or directory.

我该如何解决这个问题?

terminal npm webpack webpack-dev-server

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

使用 Parcel.js 部署到 Netlify 失败

正如标题所说,部署到 Netlify 失败,从日志判断它可能是我的parcel.js设置。日志中的错误是:

12:19:29 AM: Error running command: Build script returned non-zero exit code: 127
12:19:29 AM: Failing build: Failed to build site
12:19:29 AM: failed during stage 'building site': Build script returned non-zero exit code: 127
12:19:29 AM: Finished processing build request in 21.32707912s
Run Code Online (Sandbox Code Playgroud)

我在 Netlify 上的部署设置是:

基本目录: Not set

构建命令: parcel build index.html

发布目录 dist

搜索了类似的问题后,我认为这可能是依赖项问题,但是,在使用“Yarn”安装依赖项后,我仍然遇到相同的问题。

包.json

{
  "name": "ed",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "fullpage.js": "^3.0.5"
  },
  "devDependencies": {
    "cssnano": "^4.1.10"
  } …
Run Code Online (Sandbox Code Playgroud)

netlify parceljs

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

标签 统计

css ×1

css-grid ×1

css3 ×1

netlify ×1

npm ×1

parceljs ×1

terminal ×1

webpack ×1

webpack-dev-server ×1