首页 > 其他 > 详细

font-szie=0的妙用

时间:2017-08-05 10:48:19      阅读:249      评论:0      收藏:0      [点我收藏+]

首先看个问题

 技术分享

 

红色圈起来的部分是一个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的妙用

原文:http://www.cnblogs.com/yunshengz/p/7289276.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!