首页 > 代码库 > font-szie=0的妙用
font-szie=0的妙用
<style>p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC"; color: #454545 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545; min-height: 14.0px }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
span.s1 { font: 12.0px "Helvetica Neue" }
span.s2 { font: 12.0px ".PingFang SC" }</style>
首先看个问题
红色圈起来的部分是一个btn可以触发事件,
原来是有文字提示的,现在不需要文字想换成一个加号;
问题,先在已经添上加号的icon,前端要怎么去掉文字:
首先最常用的用text-index = -9999px来解决;
偶然突发奇想不知道用font-size=0行不行,试了下还真的可以;
于是上网上搜了下,还真能用font-size=0来解决一些问题!
在块内inline-block元素之间有一个空格的问题,如下图:
当前样式是:
看样式的话,a,b,c,d四块应该是在一行的,但是实际上并没有,原因就是四个行内块元素之间因换行产生的空格导致的;
简单的解决办法简单的是不让他们换行,但这显然是不合理得,也不太现实;
另一种方法是在box元素内设置font-size=0的属性,让空格大小变成0;
font-szie=0的妙用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。