word-wrap ： break-word 【不会强烈折行，会产生空白区域】 （wrap v. 包，裹）
5、字间距和词间距
字间距：letter-spacing 【针对中文】
词间距：word-spacing 【针对英文】
实验：
代码
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>文字修饰</title><style>#d1{text-decoration:underline;}#d2{text-decoration:overline;}#d3{text-decoration:line-through;}#d4{text-decoration: underline overline line-through;}#d6{text-transform: lowercase;}#d7{text-transform: uppercase;}#d8{text-transform: capitalize;}#d9{text-indent: 2em;}/* 1个em代表一个字体大小 */#d10{text-align: left;}#d11{text-align: right;}#d12{text-align: center;}#d13{text-align: justify;}#d14{line-height: 30px;font-size: 16px;}#d15{line-height: 3;font-size: 16px;}/* 比例值 */#d16{height: 40px;width: 600px;border: 2px;border-style: solid;border-color: red;word-break: break-all;}#d17{height: 40px;width: 600px;border: 2px;border-style: solid;border-color: red;word-wrap: break-word;}</style></head><body><h2>文本装饰:</h2><divid="d1">下划线</div><divid="d2">上划线</div><divid="d3">删除线</div><divid="d4">下划线、上划线、删除线全部装饰</div><h2>文本大小写(只涉及英文):</h2><div>原文：time is too short to love life</div><divid="d6">全部小写：time is too short to love life</div><divid="d7">全部大写：time is too short to love life</div><divid="d8">首字母大写：time is too short to love life</div><h2>文本缩进（首行缩进2个字符）：</h2><pid="d9">《男生女生》（金版）读者主要为高年级的中学生或大学生，内容以恐怖、
玄异、悬疑、推理小说为主。如果恐怖玄异的作品以中学生或校园为背景，
会更易被读者接受。而情感也因其永恒的魅力，将成为这一系列小说中永恒的主题。当然，
也不排斥其他题材内容的精品。撰文时注意“度”的把握，血腥、色情、暴力等不适合中学生接触的东东请酌情处理。
</p><h2>文本对齐方式（共四种）：</h2><pid="d10">左边对齐：12月12日，中国电信、中国联通、中国移动三大运营商先后表示，
将按照相关法律规定，自12月13日0时“通信行程卡”服务下线后，同步删除用户行程相关数据，依法保障个人信息安全。</p><pid="d11">右边对齐：中国电信、中国联通、中国移动三大运营商先后表示，
将按照相关法律规定，自12月13日0时“通信行程卡”服务下线后，同步删除用户行程相关数据，依法保障个人信息安全。</p></p><pid="d12">居中：中国电信、中国联通、中国移动三大运营商先后表示，
将按照相关法律规定，自12月13日0时“通信行程卡”服务下线后，同步删除用户行程相关数据，依法保障个人信息安全。</p></p><pid="d13">两端对齐：中国电信、中国联通、中国移动三大运营商先后表示，
将按照相关法律规定，自12月13日0时“通信行程卡”服务下线后，同步删除用户行程相关数据，依法保障个人信息安全。</p></p><h2>行高：</h2><divid="d14">行高定义像素值，是上边距和字体大小以及下边距的和就是行高。</div><divid="d15">行高定义比例值，是上边距和字体大小以及下边距的和就是行高。</div><h2>自动折行：</h2><divid="d16">I am going to tell you my whole life, 11111111111111111111111111111111111111111111111111111
the life which did not really begin
</div><divid="d17">I am going to tell you my whole life, 11111111111111111111111111111111111111111111111111111
the life which did not really begin
</div></body></html>
815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
