2024.06.10~2024.06.14

# word-break 指定怎样在单词内换行

参考文档：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_text/Wrapping_breaking_text

• normal 默认行为，在单词之间换行。
• break-all 对于非中日韩文本，可以在任意字符处换行。
• keep-all 对于中日韩文本不换行（指需要在标点符号之间换行）。非中日韩文本换行。
• break-word （被废弃）效果是 word-break: normal; 与 overflow-wrap: anywhere; 的合。

# 单词怎么理解？

在 CSS 中单词通常是由空白符（空格、制表符）、标点符号以及特殊字符（如：-）分隔的字符序列。

# 与该属性类似的属性/方法有哪些？

<wbr>、overflow-wrap、hyphens、text-wrap、white-space

# Element.scrollIntoView() 滚动【元素的父元素容器】使被调用元素对用户可见

参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView

简单来说就是，滚动父元素容器（滚动条）使被调用元素对用户可见。

# 怎么理解“父元素”？

父元素是指当前元素在 DOM 树中的父节点。

# 怎么理解“对用户可见”？

对用户可见是指当前元素在用户可见的视口区域内。

# 怎么理解“滚动”？

滚动是指将元素滚动到用户可见的视口区域内。