越来越弄不懂vertical-align属性了

越来越弄不懂vertical-align属性了

vertical-align属性设置的baseline,top这些属性,到底是设置元素的什么(是基线吗?)和什么的什么对齐?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐,假设有两个行内元素a和b,a和b都是img,当a加了一个vertical-align:middle样式之后,b的底部(基线)就会对齐a的中间位置

http://img1.sycdn.imooc.com//climg/5bcc2683000119e111440514.jpg

希望可以帮到你!

Miss路 2018-10-14 12:26:49

1、首先这个属性是对行级元素起作用的,不能作用于块级元素。

2、不止是针对于基线,里面有很多条线,都可以对比:

http://img1.sycdn.imooc.com//climg/5bc2c4e200014c6318700912.jpg

上面说的是最基本的概念,还有很多丰富的内容,建议同学把3-10这节课再重新听一遍,老师也对每一个值都做了相应的例子和对比,建议同学也可以做笔记进行对比,单纯的靠听一遍可能不能完全的记住要点。学习方法很重要,加油!

如果帮助到了你,欢迎采纳!


  • 提问者 宝慕林842399 #1
    这节视频我在问之前就已经听了几遍了,笔记因为我无法拍照我就不发给你看了,但是我依旧是每台弄明白这个,其实我的问题很简单,就是这是一个对齐属性,那么肯定就要涉及到两个概念,“谁”参照“谁”对齐,不要简单的说基线,这个我明白什么是基线,我想说是比如在一行中,有多个标签内容,有img,有span,那么这里面的我给他们设置对齐属性,是参照的哪一个标签的什么对齐的?
    2018-10-20 10:15:29
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师