文本的水平和垂直对齐以及其他文本样式（对溢出的内容显示省略号）

文本的水平和垂直对齐

1、text-aligh 文本的水平对齐
left 左侧对齐
right 右对齐
center 居中对齐
justify 两端对齐
2、vertical-align 设置元素垂直对齐的方式
可选值：
baseline 默认值 基线对齐(子元素和父元素基线对齐)
top 顶部对齐，让子元素的顶部和父元素顶部对齐
bottom 底部对齐
middle 居中对齐
具体数值 100px
3、 不让图片基线对齐，防止图片和底边有缝隙（去除图片和底边有缝隙）
vertical-align:bottom/top/middle

##其他文本样式
1、text-decoration 设置文本修饰
可选值：
none 什么都没有
underline 下划线
line-through 删除线
overline 上划线
2. white-space 设置网页如何处理空白
可选值：
normal 正常
nowrap 不换行
pre 保留空白 保留文本格式

3.对溢出内容显示省略号
.box2{
width:200px;
white-space:nowrap; // 不换行
overflow:hidden; // 超出裁剪
text-overflow:ellipsis;// 省略号
}