html - 如何制作更小的换行符？

Question

我一直在寻找一种方法来制作我的 <br>标记在它分隔的两行之间显示较少的空白。

我有一些带有文本输入的文本，在其下方我想要一张图片。 <br>标签造成的间隙太大，但没有 <br>标记图像出现在带有文本的行上。请注意 <br>为 div 中的其余元素创造了完美的尺寸差距.

 <div>
   ...<!--Some other text and text inputs-->
   <br>Some stuff:&nbsp;<input type="text">
   <br><!--I need this br to be a smaller gap-->
   <img id="plus" src="plus.png" height="30px" width="30px">
 </div>

所以我的问题是如何缩小该距离？

---

我尝试过的

现在我已经尝试了很多的东西!其中一些包括在 CSS 中编辑 br，例如

br {
 display: block;
 margin: 1px 0;
 line-height:1px;
 content: " ";
}

或这些属性的组合，但无论我使用哪个最小高度，它得到的空间都与默认值相同 <br> .它适用于增加 <br>空间，不过。 ^src

我试着把 <br> <div> 内的标签, 但当 <div>在我的另一个里面<div> , 它会立即产生一个与默认高度相同的间隙 <br> (即使我的新 <br> 中没有 <div>)。设置新 <div> 的行高也不影响这个。 ^src

<div style="line-height:0px;">
  <br>
</div>

我尝试使用 <hr>可见性:隐藏，但这使得差距大于 <br> . ^src

我尝试了很多很多不同的推杆方式 <div>在 <div> 内s 并设置行高，但无论我做什么，最终都不会影响文本区域和图像之间的空间，而不会弄乱原始 <div> 中的所有其他内容.

Answer 1

使用 <p> html 元素而不是中断。

<p>some stuff</p>    
<p>some other stuff</p>

编辑:使用 CSS:

p {line-height:5px;}