css word-wrap属性
翻译结果:
word
英 [wɜ:d] 美 [wɜ:rd]
n.单词;话语;诺言;消息
vt.措辞,用词;用言语表达
vi.讲话
wrap
英 [ræp] 美 [ræp]
vt.包;缠绕;用…包裹(或包扎、覆盖等);掩护
n.膝毯,披肩,围巾,围脖,头巾,罩衫,外套,大衣;包装纸;〈俚〉机密
vi.缠绕,盘绕(通常与 over, around 等连用);包上,裹上;穿上(衣服等)
css word-wrap属性语法
作用:word-wrap 属性允许长单词或 URL 地址换行到下一行。
语法:word-wrap: normal|break-word
说明:normal 只在允许的断字点换行(浏览器保持默认处理)。 break-word 在长单词或 URL 地址内部进行换行。
注释:所有主流浏览器都支持 word-wrap 属性。
css word-wrap属性示例
<!DOCTYPE html> <html> <head> <style> p.test { width:11em; border:1px solid #000000; word-wrap:break-word; } </style> </head> <body> <p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p> </body> </html>
点击 "运行实例" 按钮查看在线实例