communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > 为一组元素设置display:inline-block;后元素之间会增加空隙_html/css_WEB-ITnose

为一组元素设置display:inline-block;后元素之间会增加空隙_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-21 09:39:12

original

1460 Les gens l'ont consulté

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

           1star
           2star
           3star
           4star
           5star

我为.rating中的一组a元素设置display:inline-block;后发现每两个a中间有会空隙，但是将display:inline-block;换成display:block;float:left;后却是正常的（即中间没有空隙）,这是为什么呢?求各位指点！先谢啦！

回复讨论(解决方案)

http://www.w3school.com.cn/htmldom/prop_style_display.asp
好好看一下，inline-block？？
先弄懂每一个属性值是什么作用，然后再去用。。

参考下吧

http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%e5%8e%bb%e9%99%a4%e9%97%b4%e8%b7%9d/

有些还是不太清楚

display: inline; clear:both;

Copier après la connexion

谢谢各位的解答，我觉得给的链接特别好！我以后一会多看看这个空间学习学习！

Étiquettes associées：

为一组元素设置display:inline-block;后元素之间会增加空隙

source：php.cn

Article précédent：使用html5的拖放对图片进行拖拽遇到了问题，求大神帮忙_html/css_WEB-ITnose Article suivant：分辨率一变，这里的固定层怎么都弄都变形_html/css_WEB-ITnose

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur