首页 > web前端 > html教程 > 为一组元素设置display:inline-block;后元素之间会增加空隙_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-21 09:39:12
原创
1460 人浏览过

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;
登录后复制

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板