> 웹 프론트엔드 > 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿