HTML-CSS文字篇

居中

文字垂直居中

行高(line height)
行高指的是文字占有的实际高度
可以通过line-height来设置行高
行高可以直接指定一一个大小(px em)
也可以直接为行高设置个整数
如果是一个整数的话，行高将会是字体的指定的倍数
行高经常还用来设置文字的行间距
行间距=行高-字体大小

字体框 字体框就是字体存在的格子，设置font-size实际上就是在设置字体框的高度 行高会在字体框的上下平均分配

<style>
.item {
  width: 100%;
  height: 25px;
/* 可以将行高设置为和高度一样的值， 使单行文字在一一个元素中垂直居中
文字垂直居中，高度和上面的高度一样 */
  line-height: 25px;
}
 <style>
 
 <div class="item">
    <a href="#">手机</a>/
    <a href="#">运营商</a>/
    <a href="#">数码</a>
 </div>

对齐

水平对齐

text-align文本的水平对齐
可选值:
left左侧对齐
right右对齐
center居中对齐
justify两端对剂

垂直对齐

vertical-align设置元素垂直对齐的方式
可选值:
baseline默认值基线对齐
top顶部对齐
bottom底部对齐
middle居中对齐
也可以直接指定一个确定的值

vertical-align：200px

文字加粗

font-weight:bold

去除下划线

text-decoration: none;
拓展：
	text-decoration设置文本修饰
	可选值:
	none 什么都没有
	underline下划线
	line-through删除线
	overline上划线

文本内容过多显示省略号

<style>
#box2{
	width: 200px;
/*
运用：文本内容过多显示省略号
white-space设置网页如何处理空白
可选值: 
	normal正常
	nowrap不换行
	pre保留空白
*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
</style>