目录中“书名和作者”信息的端宽度自适应问题
来源：6-11 自适应布局优化（PC端布局优化）
慕容6332229
2021-12-16
老师，你在本节解决这个问题的时候，用了flex布局，然后使用mixin的ellipsisi就解决了。不用设定具体宽度值，是因为flex布局会计算宽度，您之前也讲过，这是解决此类问题的更高等级方法。
但我不明白，为何这样处理时，“书名”信息有作用，而作者信息的宽度没起效。然后你将“作者”信息的@include ellipsis 改为了@include ellipsis2(1)才决绝。这和ellipsis的使用哪种有关吗？为何使用@include ellipsis就无效，flex在这里自动计算宽度吗。用ellipsis2就自动计算吗？
请老师讲解下，谢谢！
这里是引用文
@include left;
.slide-contents-book-author-text {
// @include ellipsis; //不行
@include ellipsis2(1); // 用这个才行
}
写回答
1回答
-
扬_灵
2021-12-16
同学你好，是的，其实这是因为我们在mixin.scss中定义了文本溢出隐藏的样式，当内容不够显示一行时这里会自动切换到下一行进行显示，你可以在本地试一下这种效果的。ellipsis的样式中并没有设置出现省略号后面内容会进行隐藏，使用ellipsis2的时候为了出现省略号，显示的内容也是进行了分割的。
00
相似问题