CSS显⽰指定⾏数⽂本、限制⽂本最⼤⾏数
⼀、CSS显⽰指定⾏数⽂本
1.单⾏⽂本溢出⽤省略号显⽰：
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
2.多⾏⽂本溢出⽤省略号显⽰：
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
适⽤范围：
因使⽤了WebKit的CSS扩展属性，该⽅法适⽤于WebKit浏览器及移动端；
注：
1. -webkit-line-clamp⽤来限制在⼀个块元素显⽰的⽂本的⾏数。
为了实现该效果，它需要组合其他的WebKit属性。
常见结合属性：
2. display: -webkit-box; 必须结合的属性，将对象作为弹性伸缩盒⼦模型显⽰。
3. -webkit-box-orient 必须结合的属性，设置或检索伸缩盒对象的⼦元素的排列⽅式。
更多⽅法参考：
⼆、限制⽂本最⼤⾏数
要判断⾏数的⽂本的样式：
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-height: 20px;
max-height: 100px;
可获取到元素height和line-height的值，计算⽂本的⾏数。
css文字对齐方式CSS文字对齐方式是指在CSS中使用的文字对齐属性，它可以让我们将文本放置在文档中的特定位置。
使用此属性，您可以轻松地将文本放在一行中，并且可以将文本排列在多行中。
text-align属性可用于水平对齐文本。
它允许您使用四个不同的值，分别是left（左对齐），right（右对齐），center（居中对齐）和justify（两端对齐）。
left选项会将文本放置在文本盒的左侧，而right选项会将文本放置在文本盒的右侧。
center选项会将文本放置在文本盒的水平中心，使文本看起来居中对齐。
justify选项会在文本中添加间距，使文本看起来两端对齐。
vertical-align属性可用于垂直对齐文本。
它允许您使用六个不同的值，分别是top（顶部对齐），bottom（底部对齐），middle（中间对齐），text-top（文本顶部对齐），text-bottom（文本底部对齐）和baseline（基线对齐）。
top选项会将文本放置在文本盒的顶部，而bottom选项会将文本放置在文本盒的底部。
middle选项会将文本放置在文本盒的垂直中心，使文本看起来居中对齐。
text-top选项会将文本放置在文本的顶部，而text-bottom选项会将文本放置在文本的底部。
baseline选项会将文本放置在文本盒的基线，使文本看起来基线对齐。
float属性用于定义文本浮动。
它允许您使用两个不同的值，分别是left（左浮动）和right（右浮动）。
left选项会将文本放置在文本盒的左侧，而right选项会将文本放置在文本盒的右侧。
此外，如果没有指定元素的宽度，这些元素将自动扩展以填充其容器的宽度。
另外，text-indent属性可用于控制文本的缩进量。
它允许您指定每行文本的缩进量，单位为像素（px）或百分比（%）。
最后，word-spacing属性可用于调整文本中单词之间的间距。
它允许您指定单词间隔的宽度，单位为像素（px）或百分比（%）。
1.文本样式的定义定义文本样式、保存CSS规则后系统将行动打开“CSS规则定义”对话框。
[字体]：选择所需要的字体。
[大小]：定义字体大小。
[样式]：可选择字体的特殊样式，即“正常”、“斜体”或“偏斜体”等。
[行高]：设置文本所在行的高度。
也可以输入一个确切的值并选择一种度量单位。
[修饰]：在文本中添加下划线、上划线或删除线，或者使文本闪烁。
[粗细]：字体应用特定或相对的粗体量。
[变体]：设置文本的变体方式。
[大小写]：将所选内容中每个单词的首字母大写，或者将文本设置为全部大写或小写。
[颜色]：设置文本颜色。
2.背景样式的定义要定义背景样式可在“CSS规则定义”对话框中选择“背景”选项。
[背景颜色]：设置背景颜色。
[背景图像]：设置背景图像。
[重复]：确定是否以及如何重复背景图像。
（不重复）：只在元素开始处显示一次图像。
（重复）：在元素的后面水平和垂直平铺图像。
（横向重复）和（纵向重复）：分别显示图像的水平带区和垂直带区。
图像将被剪辑以适合元素的边界。
[附件]：确定背景图像是固定在原始位置还是随内容一起滚动。
[水平位置]和[垂直位置]：指定背景图像相对于元素的初始位置。
这可以用于将背景图像与页面中心垂直和水平对齐。
如果附件属性为“固定”，位置则相对于“文档”窗口而不是元素。
3.区块样式的定义使用“CSS规则定义”对话框中的“区块”类别可以定义标签和属性的间距、对齐等设置。
[单词间距]：设置单词的间距。
在下拉列表中选择“值”选项，然后输入数值可确定单词的间距，此时可在右侧的弹出式菜单中选择度量单位（例如像素、点等）。
[字母间距]：设置字母或字符间的间距。
负值（例如-4）表示减小字符间距。
字母间距设置可覆盖对齐的文本设置。
[垂直对齐]：指定垂直对齐方式。
[文本对齐]：设置元素中的文本对齐方式。
[文字缩进]：指定第一行文字缩进程度，并可在右侧选择数值单位。
也可以使用负值创建凸出，但显示方式则取决于浏览器。
css 文字水平垂直居中的几种方法CSS文字的水平垂直居中是Web开发中常用的技巧之一。
以下是几种常见的方法来实现此效果：
1. 使用Flexbox布局：
Flexbox是CSS3中的一种弹性盒子布局模型，它可以轻松实现元素的居中对齐。
对于文字，可以将其包装在一个容器中，然后通过设置容器的display属性为flex，并使用align-items和justify-content属性来实现水平和垂直居中。
2. 使用绝对定位和transform属性：
通过将文字元素的position属性设置为absolute，配合top、bottom、left 和right属性来决定位置。
然后，使用transform属性的translate属性来使文字水平垂直居中。
例如：transform: translate(-50%, -50%);。
3. 使用line-height属性：
可以通过设置文字所在容器的line-height属性与容器的高度相等来实现垂直居中。
例如：line-height: 300px;。
4. 使用table布局：
将文字元素包装在一个table元素中，并使用table-cell元素来实现水平和垂直居中。
设置table元素的display属性为table，子元素的display属性为table-cell，并使用text-align和vertical-align属性来实现居中。
以上是几种常见的方法来实现CSS文字的水平垂直居中。
根据实际情况和需求，选择适合的方法来实现所需效果。
