ailsaluoy
2015-02-12 14:27
按照11-3wiki中的意思,加上div{font-size:0;},应该是消除内联元素的间距,为什么结果却是所有内容都没有呢
内联元素是当做字体来处理的,字体之间是有间隔的,所以内联元素之间也是有间隔的,字体设为0,可以消除间隔,但是重新设置内联元素的字体大小
这是因为代码中的空行或空格引起的空格。
方法1.用注释来填充这些空白
<a href="http://www.baidu.com">百度</a><!-- --><a href="http://www.imooc.com">慕课网</a><!-- --><span>33333</span><!-- --><span>44444</span><em>555555</em>
内联元素的特点一:和其他元素都在一行上;因此这几个词语是分别单独占用一行的,而一个换行符在显示时只是一个空格,所以例子中有空隙。因此只需要让几个词语写在一行上,将换行符去掉便可以去除间隙。
如果想要两个内联元素并排没有间距用 float:left;可以解决的
内联元素之间的间距其实html文件标签间的缩进或换行或空格被统一看为一个空格的结果,所有距离就是一个空格,与其父元素的font-size,letter-spacing以及word-spacing都有关。
我搜的
1、可以在html中直接把元素写在一行上或把闭合标签和第二个开始标签写在一行或两行间添加注释或直接去掉闭合标签但最后一个不能去掉。
2、设置margin-right为负值,但要考虑上下文的字体和文字大小。
3、先设定子元素字体,再设置父元素font-size:0px;////chrome中:-webkit-text-size-adjust:none;
4、设置父元素letter-spacing或word-spacing为负值,要考虑字体,子元素有文字也要注意设置letter-spacing或word-spacing的值。
5.float:left;
原文在这里http://www.cnblogs.com/snowinmay/archive/2012/12/22/2829634.html
瞎玩,试了一下把代码放一行上,没找到wiki,so?放一行上也能消除间距?区别?
我想问现在wiki到哪里去了?????
display:block;变为块状元素 float:left;
字体设为0就是将所有字体大小设为0,而不是将间隙变成0,字间距好像是letter-spacing:8px;
"font-size"是字体大小啊,怎么可以用来消除边距呢?
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题