老师请问：vertical-align是子元素相对于父元素来说的吗?

比如下列代码，理解成.two相对于p居中对齐，是吗？

css代码 .two{vertical-align: middle;}
html代码 <p>CSS层叠样式表<span class="two">（Cascading Style Sheets）</span</p>

精慕门9328699 2018-12-24

源自：CSS文本样式 4-4 课程总结

1

收起

1回答

好帮手慕夭夭回答被采纳获得+3积分 2018-12-25 11:04:40

你好同学 , vertical-align是内容与内容之间对齐的 . 你的代码中设置的就是p里面的中文与.two里面的英文基线对齐 , 什么是基线呢 , 可以参考如下下图片 :

所以同学问题中代码英文和中文基线对齐如下 :

因为文字太小了 , 老师放大了进行截图的 ,同学自己测试时可以把浏览器放大一些 , 能够看得清楚一些 .

祝学习愉快 ,望采纳 .

精慕门9328699 提问者 #1

为什么我不管对齐方式选择哪种，都看不出有什么变化呢 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .two{vertical-align: middle;} </style> </head> <body> <p>CSS层叠样式表<span class="two">（Cascading Style Sheets）</span</p> </body> </html>

2018-12-25 11:46:40
好帮手慕夭夭回复提问者精慕门9328699 #2

因为代码中中文和英文的字体差不多大 ,所以看不出什么变化 ,同学可以把英文字体设置小一点在测试一下 , 效果就明显一点了 .

2018-12-25 13:57:33

相似问题

margin-top:50%,子元素为什么不相对父元素下移？

父元素

老师想问一下给父元素text-align居中后，它的子元素的子元素里的图片也是居中效果？

老师，父元素设置absolute属性，子元素设置absolute，可以实现相对祖先定位吗

老师相对定位不是相对于祖先元素定位吗为什么我这样些不行呢

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号