小编Ada*_*avo的帖子

电子和打字稿"找不到模块'电子'"

关于https://electron.atom.io/blog/2017/06/01/typescript 电子支持打字稿但是我的设置无效:

我使用vscode 1.16.1

这是我的package.json

{
  [...]
  "devDependencies": {
    "electron": "^1.6.13",
    "ts-loader": "~2.3.7",
    "typescript": "~2.5.0",
    "webpack": "^3.6.0",
    [...]
  }
}

Run Code Online (Sandbox Code Playgroud)

tsconfig.json

{
    "compilerOptions": {
        "module": "es6",
        "noImplicitAny": true,
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true
    },
    "include": [
        "src/**/*"
    ]
}

Run Code Online (Sandbox Code Playgroud)

和我的网络包

const path = require('path');

module.exports = [{
  entry: './src/main.ts',
  devtool: 'inline-source-map',
  target: 'electron',
  module: {
    rules: [
      { test: /\.ts$/, use: 'ts-loader', exclude: /node_modules/ }
    ]
  },
  node: {
    __dirname: false,
    __filename: false
  },
  resolve: {
    extensions: [".ts", …

Run Code Online (Sandbox Code Playgroud)

typescript electron

Ada*_*avo

lucky-day

11
推荐指数

1
解决办法

3228
查看次数

Flexbox 高度根据内容调整

我使用“完整设计”的弹性盒。我有一个奇怪的问题：我有一个容器占用了所有剩余空间，我希望在这个容器中，子项（也是弹性盒）的高度根据其内容进行调整。

问题是这样的：

body, html {
  width:100%;
  height:100%;
  display:flex;
}

.container {
  display:flex;
  flex:1;
  flex-wrap:wrap;
}

.icon {
  width:10vh;
  margin:10px;
  display:flex;
  flex-direction:column;
}
.img {
  width:10vh;
  height:10vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:red;
}

.text {
  text-align:center;
  
}

Run Code Online (Sandbox Code Playgroud)

<div class="container">
<div class="icon">
<div class="img">
</div>
<div class="text">
action 1
</div>
</div>
<div class="icon">
<div class="img">
</div>
<div class="text">
Action 2
</div>
</div>

<div class="icon">
<div class="img">
</div>
<div class="text">
Action 3
</div>
</div>

<div class="icon">
<div class="img">
</div>
<div class="text">
Action 4
</div> …

Run Code Online (Sandbox Code Playgroud)

css flexbox

Ada*_*avo

2020 06-20

9
推荐指数

1
解决办法

4万
查看次数

flexbox div在小屏幕上关闭屏幕

代码优先:

html {
  display:flex;
  width:100%;
  height:100%;
}

body {
 display:flex;
  flex:1;
}

.container {
  display:flex;
  flex:1;
  overflow-y:auto;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.block1 {
  justify-content:center;
  background-color:green;
  display:flex;
  width:300px;
  min-height:150px;
}

.block2 {
  background-color:blue;
  display:flex;
  min-height:300px;
    width:500px;

}

Run Code Online (Sandbox Code Playgroud)

<div class="container">
<div class="block1">
  <img src="https://tse2.mm.bing.net/th?id=OIP.M252f960f4a4f32c22914d8d87623f066o0&pid=15.1">
</div>
<div class="block2"></div>
</div>

Run Code Online (Sandbox Code Playgroud)

我在一个容器中有两个块.我希望他们以屏幕为中心.问题是当屏幕高度很小时,我有一个滚动条出现,但第一个块有一个离屏的部分(看不见)

要重现,请降低jsfiddle预览窗口的高度.离开屏幕你会理解我的意思.

预期的行为是让滚动条出现并保持div可见.

我尝试通过在每个元素上将flex-shrink设置为0但它不起作用...

html css flexbox

Ada*_*avo

2016 10-13

7
推荐指数

1
解决办法

7552
查看次数