为了账号安全,请及时绑定邮箱和手机立即绑定

请问css的vertical-align属性可以应用元素吗?

/ 猿问

请问css的vertical-align属性可以应用元素吗?

不负相思意 2019-06-21 15:11:07

css的vertical-align属性可以应用元素吗


查看完整描述

3 回答

?
慕田峪7331174

一般情况vertical-align用的地方不多是因为其兼容性不好。在及其特殊的情况下才会用到它,在需要汉字和图片对齐的地方我从来不用它。在父元素高度一定的情况下用height和line-height可以实现垂直对齐。垂直居中还和字体有一定的影响,字体不一样可能看着就不太绝对居中。vertica-align不是所有标签内都有效。在td内用向你说的有中英文差异的话不如在外边再加个div使div居中里面的自然也就居中了。需要图文都居中的地方建议使用height和line-height同值的方法。



查看完整回答
反对 回复 2019-06-29
?
慕的地8271018

vertical-align 属性设置元素的垂直对齐方式。它的值比较多:baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit。

baseline:将支持valign特性的对象的内容与基线对齐
sub:垂直对齐文本的下标
super:垂直对齐文本的上标
top:将支持valign特性的对象的内容与对象顶端对齐
text-top:将支持valign特性的对象的文本与对象顶端对齐
middle:将支持valign特性的对象的内容与对象中部对齐
bottom:将支持valign特性的对象的文本与对象底端对齐
text-bottom:将支持valign特性的对象的文本与对象底端对齐
inherit:规定应该从父元素继承 vertical-align 属性的值(任何版本的IE(包括 IE8)都不支持属性值 "inherit")
注:常用的有top、middle、bottom,其他的不是很常用。一般是用做img的对其。

查看完整回答
反对 回复 2019-06-29
?
慕粉4167745

在CSS中的vertical-align 属性是设置元素垂直对齐的方式


需要注意的是:

vertical-align属性定义行内元素的基线是相对vertical-align这个元素所在行的基线的垂直对齐。

是会允许指定负长度值和百分比值的。

这样是会导致vertical-align元素降低,并非是升高的。

在单元表格中,vertical-align属性是能设置单元格框中的 单元格内容的对齐方式的



 vertical-align属性的浏览器支持情况如下:

目前所有的浏览器都是支持vertical-align的属性的

但是需要注意的是:无论是任何的版本的 Internet Explorer,包括 IE8在内,都是不支持 "inherit"这个属性值的。


 vertical-align属性的实例介绍如下:

垂直对齐一幅图像的实力介绍:

img { vertical-align:text-top; }


查看完整回答
反对 回复 2019-06-29

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信