网页中的内容填充主要是一个矩形区域,控制内容的对齐方式是很有必要的。div+CSS中有两个样式属性可用于控制网页内容的对齐:text-align和vertical-align。下面就随小编了解一下二者的用法和区别。
网页中的内容填充主要是一个矩形区域,控制内容的对齐方式是很有必要的。div+CSS中有两个样式属性可用于控制网页内容的对齐:text-align和vertical-align。下面就随小编了解一下二者的用法和区别。
1、text-align
text-align是设置或检索对象中文本的左中右对齐方式。
text-align语法及参数说明:
left : 左对齐 ,CSS内容居左(text-align:left)
right : 右对齐,CSS文字居右(text-align:right)
center : 居中,CSS居中(text-align:center)
*justify : 两端对齐(不推荐使用,通常大部分浏览器不使用),我们对text-align常用的参数值为left、right、center
2、vertical-align
vertical-align是用于指定元素的上下垂直对齐方式。
vertical-align语法及参数说明
top:将元素的顶部与当前行对齐。
middle:将元素的中心与当前行对齐。
bottom:将元素的底部与当前行对齐。
text-top:将元素的顶部与父元素的顶部对齐。
baseline:将元素的基线与父元素的基线行对齐。
text-bottom:将元素的底部与父元素的底部对齐。
综上所述,大家在编辑网页内容样式的时候,如果是水平居中就使用text-align:align,反之如果是垂直居中使用text-align + vertical-align。
河南亿恩科技股份有限公司(www.enkj.com)始创于2000年,专注服务器托管租用,是国家工信部认定的综合电信服务运营商。亿恩为近五十万的用户提供服务器托管、服务器租用、机柜租用、云服务器、网站建设、网站托管等网络基础服务,另有网总管、名片侠网络推广服务,使得客户不断的获得更大的收益。
服务器/云主机 24小时售后服务电话:
0371-60135900
虚拟主机/智能建站 24小时售后服务电话:
0371-55621053
网络版权侵权举报电话:
0371-60135995
服务热线:
0371-60135900