在html中删除img标记后的换行符

问题描述 投票:0回答:5

我在h3标签之前使用img标签,没有使用break语句。但是当我在浏览器中运行它时,它会在不同的行上显示2个标签。是否有一种CSS技术可以解决这个问题,或者更简单的标签属性,这将使两个元素显示在同一条线上?

提前致谢!

-------------------------------编辑------------------ ----------------------------

到目前为止,答案很有效。但它还没有。如果你看截图,你会看到我想要的东西(我应该首先指明,我知道)......

如果我使用上面的方法之一,你会发现h3标签没有浮动在img标签的中间。我希望h3标签在图像中间浮动。

html css
5个回答
1
投票

两种选择:

  1. 使用line-height属性为h3,它等于你的imgheight
  2. 使用qazxsw poi和qazxsw poi到你的qazxsw poi并玩它来获得你想要的东西。

3
投票

标题标签的默认样式(padding-toppadding-bottom)包含h3。给你的<h1>标签一个<h6>样式将覆盖此行为。


1
投票

你的意思是在源代码或实际元素?如果你的意思是实际的元素,添加display: block到它们两个,它们将并排显示。


1
投票

如果你将<h3>标签放在display: inline块内,例如

float: left;

-1
投票

使用HTML时我们遇到了问题。如果我们使用<img><h3>标签,两者都不会在同一条线上。有一种解决方案可以将它们放在同一条线上 - 在<h3><img src=".." /> Hello world!</h3> 标签内使用<img>标签:

<h1>
© www.soinside.com 2019 - 2024. All rights reserved.