diff --git a/docs/css.md b/docs/css.md index 7a5cb54..53e4b3d 100644 --- a/docs/css.md +++ b/docs/css.md @@ -1396,6 +1396,27 @@ body { } ``` +### 吸附滚动 + + +```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 的样式 ```css diff --git a/docs/golang.md b/docs/golang.md index dece009..26a10bb 100644 --- a/docs/golang.md +++ b/docs/golang.md @@ -89,7 +89,7 @@ Golang 基本类型 s1 := "Hello" + "World" s2 := `A "raw" string literal can include line breaks.` -// 输出:11 +// 输出:10 fmt.Println(len(s1)) // 输出:Hello fmt.Println(string(s1[0:5]))