Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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 div内文本和iframe之间的间距_Html_Css_Iframe - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html div内文本和iframe之间的间距

Html div内文本和iframe之间的间距

html css iframe

Html div内文本和iframe之间的间距,html,css,iframe,Html,Css,Iframe,我有时有点“强迫症”，所以这真的让我很烦恼 是我正在工作的网站 我有两个div。两者都包含一些文本（除颜色外格式相同）和一个iframe。问题在于，第二个div文本显示在iframe上方，高于另一个div。两个div的代码如下： 第1部分（正常间距） 一麦克一拍 第2部分（间距不正确） 出口 虽然一个文本是h1，另一个是h5，但它们的格式与css相同（除了颜色）。我真的希望间隔是一样的。如果有人能帮我解决这个小问题，但真的很烦人，我会非常感激 谢谢第二个文本块（h5）与第一个文本块（h1

我有时有点“强迫症”，所以这真的让我很烦恼

是我正在工作的网站

我有两个div。两者都包含一些文本（除颜色外格式相同）和一个iframe。问题在于，第二个div文本显示在iframe上方，高于另一个div。两个div的代码如下：

第1部分（正常间距）


一麦克一拍
第2部分（间距不正确）


出口
虽然一个文本是h1，另一个是h5，但它们的格式与css相同（除了颜色）。我真的希望间隔是一样的。如果有人能帮我解决这个小问题，但真的很烦人，我会非常感激

谢谢

第二个文本块（
h5
）与第一个文本块（
h1
）的边距值不同。
h1
前后的余量为0.67em，
h5
前后的余量为1.67em。您可以通过浏览器开发工具检查元素来检查这一点

一种解决方案是手动添加css规则，以便边距相同。或者将
h5
更改为
h1
，反之亦然。

第二个文本块（
h5
）与第一个文本块（
h1
）的边距值不同。
h1
前后的余量为0.67em，
h5
前后的余量为1.67em。您可以通过浏览器开发工具检查元素来检查这一点

一种解决方案是手动添加css规则，以便边距相同。或者将
h5
更改为
h1
，反之亦然。

我们也需要检查您的CSS，可能存在问题。不过，您应该尝试使用
边距顶部：
ex:
边距顶部：-15px

尝试一下并反馈
我们也需要检查您的CSS，问题可能就在那里。不过，您应该尝试使用
边距顶部：
ex:
边距顶部：-15px

尝试并反馈
XPORTED将其更改为h1。XPORTED将其更改为h1。在h5 css中添加“边距底部：0.67em”修复了该问题。谢谢另外，除了使用所有h1、h2。。。标签？我想这取决于你的喜好。如果内置的标题标记适合您的需要，则它们非常有用。使用它们也可能有可访问性的原因。仅仅定义自己的头类并将它们放在
span
标记上可能没有多大危害。在h5 css中添加“margin-bottom:0.67em”修复了这个问题。谢谢另外，除了使用所有h1、h2。。。标签？我想这取决于你的喜好。如果内置的标题标记适合您的需要，则它们非常有用。使用它们也可能有可访问性的原因。仅仅定义自己的头类并将它们放在
span
标记上可能没有多大危害。在h5 css中添加“margin-bottom:0.67em”修复了这个问题。谢谢在h5 css中添加“边距底部：0.67em”修复了该问题。谢谢

<div class="omot">
    <h1>One Mic One Take</h1>
    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/287376712&amp;color=00cc11&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
  </div>



<div class="xprtd">
    <h5>XPORTED</h5>
    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/295617923&amp;color=ff0000&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
  </div>