css 文字空格 |css常用模板

/* 空格合并 */
p {
white-space: nowrap;
}
/* 单词断行 */
p {
word-break: break-all;
}
/* 字符断行 */
p {
word-wrap: break-word;
}
/* 文字下划线 */
p {
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-color: red;
}
/* 文字间距调整 */
p {
letter-spacing: 5px;
}

上述 CSS 属性的用法如下：

/* 空格合并 */
white-space: nowrap; /* 使文本在同一行中不会被换行 */
/* 单词断行 */
word-break: break-all; /* 允许文本在单词内换行 */
/* 字符断行 */
word-wrap: break-word; /* 允许文本在字符之内换行 */
/* 文字下划线 */
text-decoration: underline; /* 文本下方绘制下划线 */
text-decoration-style: dotted; /* 下划线样式为点状 */
text-decoration-color: red; /* 下划线颜色为红色 */
/* 文字间距调整 */
letter-spacing: 5px; /* 调整文字之间的间距为 5 像素 */

这些 CSS 属性可以为大家的文字排版提供更多的控制。对于设计师来说，了解并使用这些属性能够让设计更有个性和美感。