如何无缝显示两个html元素
柚子
我的网页显示youtube iframe（例如YOUTUBE）和水平div元素（例如CAPTION）。详细而言，考虑到垂直顺序，CAPTION的顶部紧跟在YOUTUBE的底部之后。两者几乎是相连的。但是它们之间有一些狭窄的空间。而且我不需要。如何去除两者之间不必要的空间？以下是网页的代码和图像。对于代码，第一个<div>代表YOUTUBE，<demo-caption>代表CAPTION，这是一个只有div元素的Google聚合物元素。我想您不需要了解Google Polymer就能回答我的问题。更详细地讲，除了将两个元素居中之外，我不必对该页面应用任何CSS。
<div id="player" class="main" ></div>
<demo-caption ></demo-caption>
艾米尔·侯赛尼安（Amir Hoseinian）
您必须检查这两个元素以查看它们是否有不必要的填充或边距，您可以通过ctrl + shift + I或右键单击该元素在chrome中执行此操作。
此外，您始终可以使用负边距来更改div位置
demo-caption{
margin-top: -5px;
}
或使用相对位置
demo-caption{
position:relative;
top: -5px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
HTML内联显示两个元素，无需折叠即可水平调整大小
- 2
如何在单行（行）中显示两个HTML输入元素
- 3
xpages根据两个日期显示元素
- 4
如何使HTML元素适合其他两个元素？
- 5
ng-如果同时显示两个div元素
- 6
如何比较两个列表元素？
- 7
Spring + Thymeleaf显示列表中的最后两个元素
- 8
如何使从innerHTML的两个元素？
- 9
如何在其他两个html元素之间的公共边界上显示一个html元素？
- 10
如何使用html中的两个按钮显示两种形式
- 11
在两个元素悬停时显示内容
- 12
如何获取两个独立标签之间的HTML元素
- 13
如何在角度的一个HTML文件中使用这两个表元素？
- 14
如何一一显示两个链接？
- 15
CSS并排显示两个元素
- 16
悬停后显示两个元素类
- 17
如何在两个不同阵列的打印元素之间交替显示？
- 18
如何使HTML元素适合其他两个元素？
- 19
如何使HTML元素适合其他两个元素？
- 20
如何无缝连接两个局域网？
- 21
如何使两个元素的高度相同？
- 22
如何使两个UILabel并排显示？
- 23
如何在iPhone6中并排显示两个元素？
- 24
如何在 2 行（每行两个元素）上显示 4 个 HTML 元素？
- 25
如何输入两个元素
- 26
如何让左右框阴影仅在不同元素上无缝显示
- 27
如何让两个元素向右浮动
- 28
如何计算两个输入字段并在输入元素中显示总和
- 29
如何对齐两个 flexbox 元素？
我来说两句