码迷,mamicode.com
首页 > 其他好文 > 详细

font-szie=0的妙用

时间:2017-08-05 10:59:15      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:空格   上网   简单   突发奇想   text   一个   样式   height   大小   

首先看个问题

 技术分享

 

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

标签:空格   上网   简单   突发奇想   text   一个   样式   height   大小   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!