小编Dan*_*rez的帖子

CSS Grid如何将项目推到底部然后再推到左边

我有一个带有 5 个按钮的网格,每行只有 2 个按钮。如果有奇数个按钮,我希望第一行只有一个按钮。

我的CSS:

.container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
    <button>A</button>
    <button>B</button>
    <button>C</button>
    <button>D</button>
    <button>E</button>
</div>
Run Code Online (Sandbox Code Playgroud)

布局:

A B
C D
E
Run Code Online (Sandbox Code Playgroud)

所需布局:

A
B C
D E
Run Code Online (Sandbox Code Playgroud)

html css css-grid

6
推荐指数
1
解决办法
896
查看次数

打字稿通用元组错误其余元素

Typescript给我一个通用元组rest元素的错误

type Tuple<Value extends any[]> = [...Value];
Run Code Online (Sandbox Code Playgroud)

错误:

$ tsc
src/index.ts:1:36 - error TS2574: A rest element type must be an array type.

1 type Tuple<Value extends any[]> = [...Value];
Run Code Online (Sandbox Code Playgroud)

我在这里想念什么?

  • 打字稿版本: typescript@3.1.6

更新:

type Tuple<HEAD, TAIL extends any[]> = [HEAD, ...TAIL];
Run Code Online (Sandbox Code Playgroud)

不起作用

虽然这有效

type Tuple<Value extends any[]> = [...any[]];
Run Code Online (Sandbox Code Playgroud)

typescript

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

标签 统计

css ×1

css-grid ×1

html ×1

typescript ×1