章节
问答
笔记
评论
占位
占位

bug解决

上一个小节中有不少小伙伴们问起为什么整理代码后,省略句不见了呢?呵呵,如果上一个小节真正听而且听懂的小伙伴已经自己找出问题所在了,我来总结一下:

因为 font-size 是一个会继承的属性,当父容器定义了这个属性,下面的子元素(孙元素)都会继承这个属性。视频的例子中,当为外面容器div添加 font-size:0 的时候,div下面的所有 span 和 a 标签都继承了这个样式,字体大小变为了 0px,所以看不到任何数字内容了;当为其它类添加 font-size:14px 后,这个属性覆盖了父容器继承下来的属性(CSS的后来居上原则),因此 div 下的 span 和 a 标签里的数字内容就恢复了正常。

解决方法:

如果需要看见,可以将原来的小点点(...)文本替换为下面的内容

<span class="ellipsis">...</span>

并在css中增加一下内容:

.ellipsis{
   font-size:14px;
   border:none;
   margin-left: 8px;
}

(这里感谢“WingMeng”和“9斌”两位同学,上面解答是来自于两位同学的问答回复,回答的十分准确细致。)
 

任务

我来试试,让省略句显示出来

?不会了怎么办

代码如下:

.ellipsis{
   font-size:14px;
   border:none;
   margin-left: 8px;
}
||

提问题

写笔记

截图
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最新 点赞
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?