CSS line-break属性-之路教程

CSS line-break 属性值说明

值	描述
auto	使用默认行中断规则打破文本。这是此属性的默认值。
normal	使用最少限制的换行符规则来打破文本：例如报纸。
loose	使用最常见的行中断规则打破文本。
strict	使用最严格的行中断规则打破文本。
initial	将属性设置为默认值。
inherit	从其父元素继承属性。

语法

line-break: auto | loose | normal | strict | initial | inherit;

换行符属性示例：

<!DOCTYPE html>
<html>
  <head>
    <style>
      .korean {
        line-break: strict;
      }
    </style>
  </head>
  <body>
    <h2>Line-break 属性示例</h2>
    <!--把痛苦停在昨天 把微笑留给明天。-->
    <span class="korean">고통 을 어제 에 멈 추고 미 소 를 내일 에 남기다.</span>
  </body>
</html>

具有“正常”值的换行符属性示例：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      p {
        font-size: 16px;
        line-height: 24px;
        line-break: normal;
      }
    </style>
  </head>
  <body>
    <h2>Line-break 属性示例</h2>
    <p>生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
是谁把光阴剪成了烟花，一瞬间，看尽繁华。是谁把思念翻起了浪花，一转身，浪迹天涯。

    </p>
  </body>
</html>

CSS line-break属性

line-break 属性指定如何使用标点符号和符号对中文、日文或者韩文文本进行换行。
但是，这些语言有不同的规则。
可能不会发生此换行符。
例如，如果该值设置为“strict”，则在中文和日文中不允许在连字符前打断。

CSS 规范只强调针对中文、日文和韩文的规则。

对于最大的浏览器兼容性扩展，例如 -webkitfor Safari、Google Chrome 和 Opera（较新版本）、-mozfor Firefox、-of 旧版本的 Opera 与此属性一起使用。

不推荐使用换行符，请改用 word-break 属性。

初始值	auto
应用于	所有元素。
继承	可继承
可动画的	无效
版本	CSS3.
DOM 语法	object.Style.LineBreak =“loose”;

日期：2020-06-02 22:14:37 来源：oir作者：oir

←CSS letter-spacing 属性

CSS line-clamp 属性→

CSS line-break 属性值说明

语法

换行符属性示例：

具有“正常”值的换行符属性示例：

目录