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

页码中间的...省略号没有了

间隔解决了,但是页码中间的...省略号没有了,没有给他设置fant-size

正在回答

2 回答

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

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

并在css中增加一下内容:

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


1 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
分页页码制作
  • 参与学习       50194    人
  • 解答问题       114    个

制作出具有高大尚样式的分页页码,学习到更多技术知识

进入课程

页码中间的...省略号没有了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信