亿恩科技有限公司旗下门户资讯平台!
服务器租用 4元建网站

DIV+CSS样式对齐属性text-align与vertical-align的区别

网页中的内容填充主要是一个矩形区域,控制内容的对齐方式是很有必要的。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

1
1
分享到:责任编辑:黄利敏

相关推介

共有:0条评论网友评论:

验证码 看不清换一张 换一张

亲,还没评论呢!速度抢沙发吧!