Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何制作较小的换行符?_Html_Css - Fatal编程技术网

Html 如何制作较小的换行符?

Html 如何制作较小的换行符?,html,css,Html,Css,我一直在寻找一种方法,使我的标记在分隔的两行之间显示更少的空白 我有一些文本和文本输入,下面我想有一个图像。标记造成的间隙太大,但如果没有标记,图像将与文本一起出现在行上。请注意,为div中的其余元素提供了完美的尺寸间隙 <div> ...<!--Some other text and text inputs--> <br>Some stuff:&nbsp;<input type="text"> <br>&l

我一直在寻找一种方法,使我的

标记在分隔的两行之间显示更少的空白

我有一些文本和文本输入,下面我想有一个图像。

标记造成的间隙太大,但如果没有

标记,图像将与文本一起出现在行上。请注意,

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>
或者这些属性的组合,但无论我使用哪个属性,它得到的最小高度都与默认的

相同。不过,它可以很好地增加

空间

我试着把

标签放在
内,但当
在我的另一个
内时,它会立即产生一个与默认

相同高度的间隙(即使我的新

内没有
)。设置新的
的行高度也不会影响这一点



我尝试使用可见性为:hidden的

,但这使得间隙大于


我尝试了许多不同的变体,将
s放入
s中并设置行高,但不管我做了什么,它最终都不会影响文本区域和图像之间的空间,而不会弄乱原始

中的所有其他内容,使用
html元素而不是中断

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

删除br标记,在这里您可以对图像执行任何操作

#plus{
 //use css properties to play with image
}

不要使用br标签。将文本放在span's、div's或p's中。然后可以正确设置要应用的css。请改用
margin/padding
。您不能将高度等设置为

。正确的标签是文本周围的
label
(您也可以在label中包含输入)。@StevenStark:在这种情况下,比span/div/p更好的是
label
。@panther怎么会这样?标签用于不存在的表单元素。span将是我在这里的首选。@panther只有一个输入并不能证明在这里使用标签是正确的。尝试使用标签将应用OP不需要的CSS规则。这可能会起作用,是的,但需要更多的工作。为什么使用减号?减号表示错误答案?这行不通。你应该先试试。还是不是好办法。尝试将文本展开为两行(输入更长的标签)。忘了这个任务吧,我不会再多加评论了。我想因为段落是向左浮动的,在屏幕的右侧(就像我的div一样),当我把图像和文本放在两个单独的段落中时,它们之间会产生很大的间隙。请参见图像(彩色效果):我可以对图像进行哪些编辑以使其更接近其上方的文本?#加上{margin top:1%;}啊,用于增加img和文本之间的距离,但任何小于1%(例如0或负数)的内容都会将距离设置为默认的空间量

创建的空间量。
<p>some stuff</p>    
<p>some other stuff</p>
p {line-height:5px;}
#plus{
 //use css properties to play with image
}