Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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:如何在右侧对齐视频并在左侧放置文本?_Html_Css_Html5 Video - Fatal编程技术网

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”部分不起作用(可能不属于那里)。我正在搜

我的html文件中有以下代码:

  <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
属性。