课程
/前端开发
/HTML/CSS
/分页页码制作
间隔解决了,但是页码中间的...省略号没有了,没有给他设置fant-size
2015-04-22
源自:分页页码制作 2-1
正在回答
如果需要看见,可以将原来的小点点(...)文本替换为下面的内容:
<span class="ellipsis">...</span>
并在css中增加一下内容:
.ellipsis{ font-size:14px; border:none; margin-left: 8px;}
因为 font-size 是一个会继承的属性,当父容器定义了这个属性,下面的子元素(孙元素)都会继承这个属性。视频的例子中,当为外面容器div添加 font-size:0 的时候,div下面的所有 span 和 a 标签都继承了这个样式,字体大小变为了 0px,所以看不到任何数字内容了;当为其它类添加 font-size:14px 后,这个属性覆盖了父容器继承下来的属性(CSS的后来居上原则),因此 div 下的 span 和 a 标签里的数字内容就恢复了正常。
举报
制作出具有高大尚样式的分页页码,学习到更多技术知识