[分享]css文字排版方式举例

CSS是一种用于网页设计的样式表语言，它能够定义网页上的各种元素的大小、颜色、位置等样式。其中，CSS文字排版是网页设计中的重要一环，下面将举例几种常见的CSS文字排版方式。/ 1.居中排版 / p ...

CSS是一种用于网页设计的样式表语言，它能够定义网页上的各种元素的大小、颜色、位置等样式。其中，CSS文字排版是网页设计中的重要一环，下面将举例几种常见的CSS文字排版方式。

/* 1.居中排版 */
p {
text-align: center; /* 水平居中 */
line-height: 2; /* 垂直居中 */
}
/* 2.单行文字省略号 */
p {
white-space: nowrap; /* 不换行 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 用省略号表示 */
}
/* 3.多行文字省略号 */
.container {
display: -webkit-box; /* 使用box布局 */
-webkit-box-orient: vertical; /* 垂直方向 */
-webkit-line-clamp: 3; /* 最多显示3行 */
overflow: hidden; /* 超出部分隐藏 */
}
/* 4.首行缩进 */
p {
text-indent: 2em; /* 首行缩进2em */
}
/* 5.文本对齐 */
p {
text-align-last: justify; /* 文本两端对齐 */
}