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