实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS word-break 实例 - 自学教程(runoops.com)</title> <style> p.test1 { width: 9em; border: 1px solid #000000; word-break: keep-all; } p.test2 { width: 9em; border: 1px solid #000000; word-break: break-all; } </style> </head> <body> <p class="test1"> This paragraph contains some text. This line will-break-at-hyphenates.</p> <p class="test2"> This paragraph contains some text: The lines will break at any character.</p> <p><b>注意:</b> word-break 属性不兼容 Opera.</p> </body> </html>
运行结果：