小编Amy*_*eum的帖子

使用--experimental-modules标志时,节点中__dirname的替代方法

--experimental-modules在运行节点应用程序时使用该标志以使用ES6模块.

但是,当我使用此标志时,元变量__dirname不可用.是否有另一种方法可以获得__dirname与此模式兼容的相同字符串?

node.js ecmascript-6 es6-modules

38
推荐指数
12
解决办法
6592
查看次数

使用“display: grid”使父级扩展到子级的宽度

编辑:不确定这是重复的吗?我不希望背景颜色超出容器的宽度,我希望容器扩展到其display: grid子容器的大小。更新了示例以更好地解释我的问题。

我正在构建一个表,其中每一行都是一个 css 网格。我这样做是为了利用minmax()每个单元格的 ,使整个表格在其单元格不再缩小时可滚动,同时允许表格在有更多可用空间时增长。

除了行的样式仅适用于容器的宽度之外,这种方法工作得很好。

请看这个例子:

.container {
  width: 430px;
  background: grey;
  overflow-x: scroll;
}

.row {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr) minmax(100px, 1fr);
  background: red;
  height: 3rem;
  margin: 0.5rem;
}

.cell {
  border: 1px solid black;
}
Run Code Online (Sandbox Code Playgroud)
Scroll to the right inside the box:
<div class="container">
  <div class="row">
    <span class="cell">cell 1</span>
    <span class="cell">cell 2</span>
    <span class="cell">cell 3</span>
    <span class="cell">cell 4</span>
  </div>
  <div class="row">
    <span class="cell">cell 1</span>
    <span class="cell">cell …
Run Code Online (Sandbox Code Playgroud)

html css css-grid

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

标签 统计

css ×1

css-grid ×1

ecmascript-6 ×1

es6-modules ×1

html ×1

node.js ×1