CSS中去掉img默认间隔的方法是什�
Admin 2022-05-20 群英技术资�
在css中,可以利用“font-size”属性来去掉img元素的默认间距,该属性用于设置元素内的字体大小,当img的父元素属性的值为�0”时,就会去掉元素内img元素的默认间距,语法为“img父元素{font-size:0;}”�
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑�
css怎样去掉img默认间隔
在css中,img元素中会带有默认的间隔。示例如下:
想要解决中间有默认间隔的问题,我们可以利用font-size属性来消除中间的默认间隔,首先我们需要把img图片放置到同一个div元素中,然后给div元素添加“font-size:0”样式,就可以消除div元素中img元素的默认间隔了�
示例如下�
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> div{ font-size:0; } </style> </head> <body> <div> <img src="1118.01.png" alt=""> <img src="1118.02.png" alt=""> </div> </body> </html>
输出结果�
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
这篇文章主要介绍了CSS拾遗之箭�,目录,图标的实现代�,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了通过CSS变量修改样式的方法示例的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍用@media怎样实现响应式适配屏幕的内容,一些朋友可能对@media不是很了解。对此下面我们先简单的了解@media的定义和使用,再看@media怎样实现响应式适配屏幕�
在开发中,很多需求需要我们对元素居中,例如文本居中,多行文本居中,块级元素水平居中、垂直居中等,那么这些要如何实现呢?下面是一些css实现元素居中的方法,有需要的朋友可以参考一下�
今天给大家分享的是怎样用CSS做一个产品定价价格表的内容,也就是一个带有产品基本参数信息和价格的表,这种效果的好处就是可以一目了然了解到多个产品信息及价格,下文是实现效果及代码,感兴趣的朋友可以参考一下,那么接下来跟随小编一起看看吧�
推荐内容
联系我们
24小时售后 � 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 � 公司总机�0668-2555555 公司传真�0668-2555000Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所� 茂名市群英网络有限公�
增值电信经营许可证 : B1.B2-20140078