gpt4 book ai didi

html - xhtml/mobile 1.2 DOCTYPE 导致奇怪的工件

转载 作者:行者123 更新时间:2023-11-27 22:29:43 24 4
gpt4 key购买 nike

我有以下 HTML

<html> 
<body>
<div style="background:white;width:620px; height: 464px; overflow: hidden;">
<style>.v{width:100%;background: red;border:0px; color:#FFFFFF;text-align:
center; font-size: 11px;font-family:arial; vertical-align: middle;}</style>
<a target="_blank" href="http://www.google.com/">
<div style="height:28px;width:620px;display:table-cell" class="v">Video</div>
</a><video style="background:black" height="408px" width="100%" ></video>
<a target="_blank" >
<div class="v" style="height:28px;width:620px;display:table-cell">Bottom</div></a></div>
当我将 DOCTYPE 与此一起使用时,我会在视频下方看到一条白线,否则渲染效果很好。这是没有 DOCTYPE 的。 alt text
这是文档类型 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "<a href="http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd" rel="noreferrer noopener nofollow">http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd</a>"> alt text
我尝试调整 CSS,但没有成功。我错过了什么吗?

最佳答案

将“display:block”或“vertical-align:bottom”添加到视频元素的 css。

关于html - xhtml/mobile 1.2 DOCTYPE 导致奇怪的工件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4084527/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com