小编kei*_*e96的帖子

CSS Grid中的justify-self,justify-items和justify-content之间的区别

我真的很困惑.在查找在线资源和文档时,这些属性的大多数文档似乎都引用了Flex-box,而不是grid.我不知道Flex-box中等效属性的文档对网格的适用性如何.

所以,我尝试引用https://css-tricks.com/snippets/css/complete-guide-grid/,它定义如下:

justify-items - 沿着行轴对齐网格项内的内容

justify-content - 此属性沿着行轴对齐网格

justify-self - 沿着行轴对齐网格项内的内容

但我仍然不明白它们之间的区别是什么.所以,我有3个问题要澄清.

  1. justify-items在Flex的框属性相同 justify-items的网格属性?或者它们有什么不同?(换句话说,我可以重用Grid的Flex-box文档)
  2. (证明 - )内容,自我和项目有什么作用?
  3. 如何(证明 - )内容,自我和项目有何不同?

任何澄清将不胜感激.

编辑:由于每个人都不断给我Flex-box资源,我问的是css-grid,而不是flex-box.

css css3 css-grid

36
推荐指数
2
解决办法
1万
查看次数

如何在 VS 代码中调试 webpack-dev-server 的内置 express 服务器?

我有一个配置文件,其中在 webpack devServer 配置中使用 webpack devServer 配置,我定义了一个快速中间件功能:

devServer: {
    before(app){
        init(app);
    },
    ...
}
Run Code Online (Sandbox Code Playgroud)

其中 init 是以下形式的函数:

init(app){
    app.get('/endpoint', (req,res,next)=> {...;debugger; next();});
    ...
}
Run Code Online (Sandbox Code Playgroud)

如何调试这个 webpack-dev-server 代码?

如果我可以直接在 VSCode 中调试它,我更愿意,但我很乐意在必要时使用浏览器内调试。

javascript debugging node.js express webpack

2
推荐指数
1
解决办法
3402
查看次数

标签 统计

css ×1

css-grid ×1

css3 ×1

debugging ×1

express ×1

javascript ×1

node.js ×1

webpack ×1