层叠样式表 (英文全称: Cascading Style Sheets) 是一种用来表现 html(标准通用标记语言的一个应用)或 xml(标准通用标记语言的一个子集)等文件样式的计算机语言.
文字不自动换行可以通过 CSS 设置强制换行 (Word-break:break-all;) 来解决.
示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <style>
- p.test1 { width:11em; border:1px solid #000000; Word-break:hyphenate;
- } p.test2 { width:11em; border:1px solid #000000; Word-break:break-all;
- }
- </style>
- </head>
- <body>
- <p class="test1">
- This is a veryveryveryveryveryveryveryveryveryvery long paragraph.
- </p>
- <p class="test2">
- This is a veryveryveryveryveryveryveryveryveryvery long paragraph.
- </p>
- <p>
- <b>
- 注释:
- </b>
- 目前 Opera 不支持 Word-break 属性.
- </p>
- </body>
- </HTML>
效果如下:
Word-break 属性规定自动换行的处理方法.
提示: 通过使用 Word-break 属性, 可以让浏览器实现在任意位置的换行.
语法:
Word-break: normal|break-all|keep-all;
属性值:
normal 使用浏览器默认的换行规则.
break-all 允许在单词内换行.
keep-all 只能在半角空格或连字符处换行.
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/14102.html