文本的水平对齐
text-align
可选值：
left 左侧对齐
right 右侧对齐
bottom 底部对齐
middle 居中对齐
<style>
div{
width: 200px;
border: 1px red solid;
font-size: 50px;
text-align: left;
}
</style>设置元素垂直对齐的方式
vertical-align
可选值：
baseline 默认值 基线对齐
top 顶部对齐
bottom 底部对齐
middle 居中对齐
其他文本样式
文本修饰
text-decoration
可选值：
none 什么都没有
underline 下划线
line-through 删除线
overline 上划线
.box1{
text-decoration:underline red;
}文本显示
white-space
可选值：
normal 正常
nowrap 不换行
pre 保留空白
<style>
.box1{
width: 100px;
white-space: nowrap;
overflow: hidden; /*超出宽度不显示*/
text-overflow:ellipsis; /*出现省略号*/
}
</style><body>
<div class="box1">今天天气真不错</div>
</body>
