html元素和div之间的空白区域

Question

我使用的是html元素：

<div class="sample">
<p>hello</p>
</div>

但我不希望在<p>和<div>标记之间留出任何空格。

请在这个问题上帮助我。

Answer 1

尝试在single line，

中编写代码

<div class="sample"><p>hello</p></div>

Answer 2

使用white-space:nowrap和margin:0
check demo here

<div class="sample">
   <p>hello inside p tag</p>
   hello
</div>

<强> CSS

body {
    margin:0;
    padding:0;
    width:100%;
}
p {
    margin:0;
}
div.sample {
    border:1px solid #000;
    min-width:100%;
    width:100%;
}

Answer 3

<div class="sample" style="white-space:nowrap">
<p>Your Text</p>
</div>

Answer 4

<div>没有默认边距或填充。所以之间不存在任何空间。

如果需要，您可以使用

覆盖<p>标记的默认边距

p
{ 
   margin:0;
}

PS：

body标签也有一个默认的边距，也许这就是你需要摆脱的东西：

<强> FIDDLE

body
{
    margin:0;
}