（中文排版CSS心得）----固定宽度汉字截断 —— 使用text-overflow!

最新推荐文章于 2022-04-02 16:44:50 发布

hs123

最新推荐文章于 2022-04-02 16:44:50 发布

阅读量1.1k

点赞数

分类专栏： XML 文章标签： css ruby 数据库 float html 语言

本文链接：https://blog.csdn.net/hs123/article/details/4291599

版权

本文介绍了CSS在中文排版中的应用，包括设定文字样式、段落排版、竖排文字、项目符号、首字下沉、首行缩进、汉字注音、固定宽度汉字截断和词的折行。通过使用text-overflow、word-break等属性，实现高效的文字展示和控制。

摘要由CSDN通过智能技术生成

1、如何设定文字字体、颜色、大小 —— 使用font

font-style设定斜体，比如font-style: italic;
font-weight设定文字粗细，比如font-weight: bold;
font-size设定文字大小，比如font-size: 12px;（或者9pt，不同单位显示问题参考CSS手册）
line-height设定行距，比如line-height: 150%;
color设定文字颜色（注意不是font-color），比如color: red;
font-family设定字体，比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;（这是通用的写法）

2、如何控制段落排版 —— 使用margin，text-align

中文段落使用<p>标签，左右（相当于缩进）、段前段后的空白，都可以用margin。比如：

p{
margin: 18px 6px 6px 18px; /*分别是上、右、下、左，十二点开始的顺时针方向*/
}

文字的对齐方式用text-align，比如：

p{
text-align: center; /*居中对齐*/
}

对齐方式还有left、right和justify（两端对齐