doc: update css.md
.
This commit is contained in:
parent
04dd94d6f8
commit
06c6229cac
21
docs/css.md
21
docs/css.md
@ -1396,6 +1396,27 @@ body {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### 吸附滚动
|
||||||
|
<!--rehype:wrap-class=row-span-2-->
|
||||||
|
|
||||||
|
```css {5,12}
|
||||||
|
.container {
|
||||||
|
height: 250px;
|
||||||
|
overflow-x: scroll;
|
||||||
|
display: flex;
|
||||||
|
scroll-snap-type: x mandatory;
|
||||||
|
column-gap: 10px;
|
||||||
|
}
|
||||||
|
.child {
|
||||||
|
flex: 0 0 66%;
|
||||||
|
width: 250px;
|
||||||
|
background-color: #663399;
|
||||||
|
scroll-snap-align: center;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
可用于 `轮播图` 效果,[效果预览](https://codesandbox.io/embed/pensive-leftpad-w9p8rk?fontsize=14&hidenavigation=1&theme=dark)
|
||||||
|
|
||||||
### 类似 contenteditable 的样式
|
### 类似 contenteditable 的样式
|
||||||
|
|
||||||
```css
|
```css
|
||||||
|
@ -89,7 +89,7 @@ Golang 基本类型
|
|||||||
s1 := "Hello" + "World"
|
s1 := "Hello" + "World"
|
||||||
s2 := `A "raw" string literal
|
s2 := `A "raw" string literal
|
||||||
can include line breaks.`
|
can include line breaks.`
|
||||||
// 输出:11
|
// 输出:10
|
||||||
fmt.Println(len(s1))
|
fmt.Println(len(s1))
|
||||||
// 输出:Hello
|
// 输出:Hello
|
||||||
fmt.Println(string(s1[0:5]))
|
fmt.Println(string(s1[0:5]))
|
||||||
|
Loading…
x
Reference in New Issue
Block a user