CSS 相关
Published by powerfulyang at May 18, 2022
关于 css 小细节的集合:
white-space
| New lines | Spaces and tabs | Text wrapping | End-of-line spaces | End-of-line other space separators | |
|---|---|---|---|---|---|
normal | Collapse | Collapse | Wrap | Remove | Hang |
nowrap | Collapse | Collapse | No wrap | Remove | Hang |
pre | Preserve | Preserve | No wrap | Preserve | No wrap |
pre-wrap | Preserve | Preserve | Wrap | Hang | Hang |
pre-line | Preserve | Collapse | Wrap | Remove | Hang |
break-spaces | Preserve | Preserve | Wrap | Wrap | Wrap |
break-word & overflow-wrap
word-break: normal | break-all | keep-all | break-word
overflow-wrap: normal | break-word | anywhere
In contrast to word-break, overflow-wrap will only create a break if an entire word cannot be placed on its own line without overflowing.