css渲染（二） 文本

        <div>
            <p style="text-indent: 2em">亚冠联赛是亚洲最高等级的俱乐部赛事</p>
            <p>相当于欧洲的欧洲冠军联赛及南美洲的南美解放者杯</p>
        </div>

    <div>
        <div style="width: 100px;">购买数量：</div>
        <div style="width: 100px;word-spacing: 27px">运 费：</div>
    </div>

<div style="width: 200px;letter-spacing: 5px">购买数量：</div>

<div style="text-transform: uppercase">test one</div>

<div style="text-decoration: underline">test one</div>

normal: 合并空白符，允许自动换行
nowrap: 合并空白符，不允许自动换行
pre-line: 合并空白符(不包括换行符)，允许自动换行
pre: 不合并空白符，不允许自动换行
pre-wrap: 不合并空白符，允许自动换行(在pre基础上，保留自动换行) 

    <div style="width: 200px;white-space: nowrap">
        They can stay 72-hours
        within the Shandong      province after they have entered China via the Qingdao International Airport.
    </div>

word-wrap:normal(浏览器只在半角空格或连字符的地方进行换行)
word-wrap:break-word(截断单词换行，长单词从下一行开始)

    <div style="width: 50px; word-wrap: break-word">
        abc
        fffffffffffffffffff
        jkl
    </div>

    <div class="text">
        长英文
        fffffffffffffffffff
    </div>

        .text{
            width: 80px;
            background: red;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

h-shadow: 水平阴影位置(必须)
v-shadow: 垂直阴影位置(必须)
blur:     模糊距离(该值不能为负值，可选)
color:    阴影颜色，默认和文本颜色一致(可选) 

<div class="text">测试文字</div>

        .text{
            width: 100px;
            height: 100px;
            text-shadow: 2px 2px 3px green;
        }