CSS3
CSS3 文本效果
CSS代码如下
源代码:
点击运行 »
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <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>
运行结果:
点击运行 »