我在h3标签之前使用img标签,没有使用break语句。但是当我在浏览器中运行它时,它会在不同的行上显示2个标签。是否有一种CSS技术可以解决这个问题,或者更简单的标签属性,这将使两个元素显示在同一条线上?
提前致谢!
-------------------------------编辑------------------ ----------------------------
到目前为止,答案很有效。但它还没有。如果你看截图,你会看到我想要的东西(我应该首先指明,我知道)......
如果我使用上面的方法之一,你会发现h3标签没有浮动在img标签的中间。我希望h3标签在图像中间浮动。
两种选择:
line-height
属性为h3
,它等于你的img
的height
。标题标签的默认样式(padding-top
到padding-bottom
)包含h3
。给你的<h1>
标签一个<h6>
样式将覆盖此行为。
你的意思是在源代码或实际元素?如果你的意思是实际的元素,添加display: block
到它们两个,它们将并排显示。
如果你将<h3>
标签放在display: inline
块内,例如
float: left;
使用HTML时我们遇到了问题。如果我们使用<img>
和<h3>
标签,两者都不会在同一条线上。有一种解决方案可以将它们放在同一条线上 - 在<h3><img src=".." /> Hello world!</h3>
标签内使用<img>
标签:
<h1>