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

已采纳回答 / 学之舟_36820
列表(或文字)要两端对齐的前提就是内容必须超过一行,所以,要解决最后一行元素无法两端对齐的文字其实很简单,就是在列表(或文字段)的最后创建一个高度为0的宽度100%的透明的inline-block的标签层就可以了。<...图片...>到张老师演示看看就发现这样设置,页面可以得到正常效果:http://www.zhangxinxu.com/study/201103/inline-block-text-justify-fixed.html

已采纳回答 / Coona
因为里面存在空格等空字符

已采纳回答 / 鸡肋2016
基线没变的,还是原来的基线对齐,只是第二个span的框往下掉了半个文本高度,两个span框的相对位置变了。

最新回答 / 红果果的青蛙
看了6'01'',张老师没有提到过基线上移吧。本质上,基线根本没有移动,自始至终都是英语作业本中的那条红线。那个承载着图片和文字并且底下有一段空白的框框是什么东西?那是containing box。空白框框怎么出来的?张老师说的很清楚,由于baseline对齐,字符的baseline底下还有一小段空间,会把containing box撑开。现在,图片所在元素的line-height指定为0了,由于line-height是可继承属性,没有特别设置的话内部所有子元素的line-height就都会为0,这些元素...

最新回答 / bannerl
为了让图片居中?如果是的话是不可以的,vertical-align是根据行高得到的

最赞回答 / Sofronia3427947
inline-block才可以给span元素宽度,就可以把图片撑开210px的距离实现两端对齐

已采纳回答 / _西口褡裢_
css2的官方规定,inline-block元素如果里面是空的,或有overflow属性,基线就是底边缘,否则基线就是由里面的文字或图片决定的。

最新回答 / Rhinel
父级是带block就行了,p标签默认block的,设置为inline-block也行

已采纳回答 / Rhinel
本身就是在顶部了,自己这个元素内部文字没有在顶部而已,比如有行高等因素
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
教你区别vertical-align与line-height; 深入讲解vertical-align各类属性值; 帮你理解vertical-align前后不一的作用机制; 了解vertical-align的糟糕兼容性; vertical-align的实际应用。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消