Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

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

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

WBOY

Freigeben： 2016-06-21 09:39:12

Original

1460 Leute haben es durchsucht

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;

Nach dem Login kopieren

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

Verwandte Etiketten：

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

Quelle：php.cn

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

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors