HTML:如何在右侧对齐视频并在左侧放置文本?
我的html文件中有以下代码:HTML:如何在右侧对齐视频并在左侧放置文本?,html,css,html5-video,Html,Css,Html5 Video,我的html文件中有以下代码: <video src="finalvid.mp4" preload="auto" width="320" heigth="240" align="right" controls loop> </video> 首先,我试着在右边对齐它。显然,align=“right”部分不起作用(可能不属于那里)。我正在搜
<video
src="finalvid.mp4"
preload="auto"
width="320"
heigth="240"
align="right"
controls
loop>
</video>
首先,我试着在右边对齐它。显然,align=“right”部分不起作用(可能不属于那里)。我正在搜索要放在css文件中的视频标签,但没有找到什么。
第二,我想在视频的左边放一段。基本上,要有类似于2列的内容,第一列(左)是文本,第二列(右)是视频。将每一面包装在一个块元素(例如div、section等)中,然后用一个“flex容器”将其包装,该容器是一个带有
display:flex
的元素。默认情况下,flex容器将其子容器放置在一行中
演示
html,
身体{
宽度:100%;
身高:100%;
保证金:0;
填充:0;
边界:0
}
梅因先生{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
.科{
宽度:50%;
身高:100%;
}
录像带{
宽度:100%;
身高:56.25%;
利润率最高:21.875%;
}
但我必须向你们解释,谴责快乐和赞美痛苦的错误想法是如何产生的,我将给你们一个完整的系统描述,并阐述gre的实际教学
您可以使用“flex”实现这一点,获取父div并将样式应用到其中,如display:flex;对齐内容:之间的空格
。然后取一个子div,分别放置文本的元素标记和视频标记。您拼写的height
错误,align
已过时,不是video
属性。