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>