DEV Community
·
享受CSS的乐趣！（word-wrap）
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
当单词超出屏幕时，使用flex-wrap无法换行。应使用word-wrap属性，添加CSS代码{ word-wrap:break-word; hyphens:auto; }，以实现文本换行并在行末添加连字符。
🎯
关键要点
- 当单词超出屏幕时，flex-wrap无法换行。
- 需要使用word-wrap属性来实现文本换行。
- 添加CSS代码{ word-wrap:break-word; hyphens:auto; }。
- hyphens属性在行末添加连字符，提示剩余单词在新行。
➡️
