解决span标签出现的问题

最近 在完成一个前端项目的时候 使用了多个span标签布局
发现了一些问题 归纳并总结了下

  • 无法设置宽高

解决方案

1
display: inline-block;
  • 多个span标签之间出现间距

解决方案

1
font-size: 0;
  • 文字折行效果
1
2
3
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

然而 这个在文字需要折行的情况下 文字折行会失效

更有效的解决方案
是在html中的前后span标签不要空格不换行


最近在学习Vue的一些知识 可能会出一篇关于低版本和高版本的一些不同的地方说明😁

# CSS

Comments

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×