手机字体忽然都变成白边旁的字体了

来源：蜘蛛抓取(WebSpider) 时间：2016-06-09 15:01 标签： 白边旁的字体

帖子很冷清卤煮很失落！求安慰

当前经验0分，升级还需280分

我最喜欢回复人少的贴子了如果贴子沉了，我就会觉得是自己弄沉的非常有成就感！ 如果贴子火了，那我囿占了前排这简直是稳赚不赔的生意嘛

有时候我们在添加图片img标签后並没有给该标签设置magrin属性的margin-bottom值，在有些浏览器中打开就会出现图像底部留白为什么为造成这个原因？下面就来进行分析：由于img元素默认為inline元素而inline元素的vertical-align属性的默认值为baseline文字基线对齐，正好图片底部的留白就是baseline和bottom之间的距离最后就给大家分享一下针对该问题的解决方法。

1.把图片设置为块级元素

    我们都知道图片img标签默认为内联（inline）元素把img标签设置为块元素就可以解决底部留白问题。

2.设置图片的垂直对齐方式

相信很多小伙伴对vertical-align这个属性有种很模糊的概念和text-align属性作用的对象易混淆：首先text-align是设置或检索对象中文本的对齐方式（左、中、右）；vertical-align则是用于指定元素（inline元素）的上下垂直对齐方式（顶部、中间、底部、基线）。再回到刚刚这个问题我们通过给图片添加垂直对齐方式来解决底部留白。

3.设置父元素的文字大小为0

    如：img的父元素为div那么只需要给div添加一个font-size属性并设置值为0即可。但是此方法会让父元素div中的其他子元素继承font-size属性导致文字无法显示，这样就会出现一些隐性错误那么再针对性的给需要的子元素单独添加font-size属性。

    如果父元素规定叻固定的宽高图片大小就会跟随父元素而定，则可以给父元素添加overflow属性：overflow:hidden ;

5.设置图片的浮动或者定位属性

    给图片设置浮动（float）或者定位（position）属性也能够解决地不留白问题原理和方法一类似，就是通过添加 float  或 position 属性来改变display属性被隐式变为块级元素了。

6.取消图片标签和其父元素之间的空格

    由于浏览器会解析空格故可以通过消除空格来解决问题，但是这个方法我们一般推荐因为这样会使页面代码更加混乱，排版不清晰

我要回帖

更多关于 白边旁的字体 的文章

 

随机推荐