📜  CSS3-文字

📅  最后修改于: 2020-10-26 04:58:24             🧑  作者: Mango


CSS3包含一些额外的功能,稍后会添加。

  • 文字溢出
  • 自动换行
  • 断字

CSS3中有以下最常用的属性-

Sr.No. Value & Description
1

text-align-last

Used to align the last line of the text

2

text-emphasis

Used to emphasis text and color

3

text-overflow

used to determines how overflowed content that is not displayed is signaled to users

4

word-break

Used to break the line based on word

5

word-wrap

Used to break the line and wrap onto next line

文字溢出

文本溢出属性确定如何向用户发送未显示的溢出内容信号。文本溢出的示例示例如下所示-


   

   
   
      Original Text:
   
      

Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.

Text overflow:clip:

Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.

Text overflow:ellipsis

Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.

它将产生以下结果-

CSS3断字

下面的代码显示了用于断行的示例代码。


   

   
   
      line break at hyphens:
      

Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.

line break at any character

Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.

它将产生以下结果-

CSS自动换行

自动换行用于换行并换行到下一行。以下代码将具有示例语法-

p {
   word-wrap: break-word;
}