开创者教程
首页
前端开发
后端开发
数据库
数据分析
开发工具
Git 教程
SVN 教程
SEO 教程
测验/考试
代码笔记
登录/注册
🎁 机器学习（ML）是AI的核心驱动力！全面、实用的 机器学习（ML）教程 现已正式上线
👉 点击学习
实例代码
下载
重置
运行代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>开创者教程(kaicz.com)</title> <style> .example1 { word-wrap: normal; } .example2 { word-wrap: break-word; } div { width: 500px; height: 100px; border-radius: 10px; padding: 15px; background-color: lightblue; margin-bottom: 20px; } </style> </head> <body> <h1>CSS3 文本换行</h1> <div> <strong>normal (默认值)</strong> <p class="example1">这是一个普通段落，包含一个超长英文单词: Pneumonoultramicroscopicsilicovolcanoconiosis，长URL示例: https://www.example.com/this/is/a/very/long/url/path/that/should/not/break</p> </div> <div> <strong>break-word</strong> <p class="example2">这是一个普通段落，包含一个超长英文单词: Pneumonoultramicroscopicsilicovolcanoconiosis，长URL示例: https://www.example.com/this/is/a/very/long/url/path/that/should/not/break</p> </div> </body> </html>
运行结果：
