在HTML中删除div后的空格

这个问题看起来很简单，但我遇到了一些麻烦。在HTML中删除div后的空格

如果我有两个div，因为这些风格：

<div class="col col20"> 
    Content left 
</div> 
<div class="col col80"> 
    Content right 
</div>

这将创建两个div（在我的样式表，一个具有width:20%和其他width:80%然而，在div后仍然是一个空间，因为每个标签之间的换行符算作一个空格而不会让我的HTML变得可怕，我可以做些什么来摆脱这个空间？

我试过Google的各种东西，这样，但我刚刚得到一堆问题关于CSS边距和什么的新手问题RY！

编辑：目前，CSS如下：

.col { 
    background:lime; /* merely for testing*/ 
    display:inline-block; 
} 

.col20 { 
    width:20%; 
} 

.col80 { 
    width:50%; 
}

来源

2013-05-06 Scott

你能告诉我们你目前正在向这些div的的CSS？ – Kenneth 2013-05-06 20:54:52

您可以浮动div。 – Musa 2013-05-06 20:55:05

如果divs具有默认样式，那么您不能在其中看到空格，它应该只在内嵌元素之间显示。别的东西正在导致间距。 – 2013-05-06 20:56:15

不能有任何空间。检查：

HTML：

<div class="col col20"> 
    Content left 
</div> 
<div class="col col80"> 
    Content right 
</div>

CSS：

.col { 
    float: left; 
} 

.col20 { 
    width: 20%; 
    background: #ddd; 
} 

.col80 { 
    width: 80%; 
    background: #fdd; 
}

http://codepen.io/Chovanec/pen/aktzr

来源

2013-05-06 20:55:06 Michal

啊，'float：left'与'display：inline-block'相反，很好地诀窍！谢谢！ – Scott 2013-05-06 20:57:02

我建议，如果您有空间问题使用花车：

CSS

.col20{ 
    width:20%; 
    background-color:#F00; 
} 
.col80{ 
    width:80%; 
    background-color:#FF0; 
} 
.col{ 
    float:left; 
    overflow:hidden; 
} 
.clear{ 
    clear:both; 
    height:1px; 
    margin-bottom:-1px; 
}

Here's the fiddle

来源

2013-05-06 20:57:50 TNCodeMonkey

在HTML中删除div后的空格

回答

相关问题