“Css3 pr word break”的版本间差异

本页内容
上一节: Css3_pr_text_wrap 下一节: Css3_pr_word_wrap
(创建页面,内容为“{{DISPLAYTITLE:word-break}}10 = CSS3 word-break 属性 = 在合适的点换行: <sample title="" desc="" lang="html" hererun="1"> p.test {word-break:break-all;} </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> p.test1 { width:9em; border:1px solid #000000; word-break:keep-all; } p.test2 { width:9em; border:1px solid #00000…”)
 
Neo讨论 | 贡献
无编辑摘要
 
(未显示同一用户的1个中间版本)
第1行: 第1行:
{{DISPLAYTITLE:word-break}}[[Category:css3 text effects|10]]
{{DISPLAYTITLE:word-break}}[[Category:css reference|200]]
= CSS3 word-break 属性 =
= CSS3 word-break 属性 =


第45行: 第45行:
{| class="table table-striped table-hover"
{| class="table table-striped table-hover"
! 属性
! 属性
!
! Chrome
!
! Internet Explorer / Edge
!
! Firefox
!
! Safari
!
! Opera
|-
|-
| word-break
| word-break

2022年8月19日 (五) 04:48的最新版本

CSS3 word-break 属性

在合适的点换行:


示例

p.test {word-break:break-all;}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性 Chrome Internet Explorer / Edge Firefox Safari Opera
word-break 4.0 5.5 15.0 3.1 15.0

属性定义及使用说明

word-break属性指定非CJK脚本的断行规则。

提示:CJK脚本是中国,日本和韩国("中日韩")脚本。

默认值: normal
继承: yes
版本: CSS3
JavaScript 语法: object.style.wordBreak="break-all"

语法

word-break: normal|break-all|keep-all;
描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。
上一节: Css3_pr_text_wrap 下一节: Css3_pr_word_wrap
此页面最后编辑于2022年8月19日 (星期五) 04:48。