html插入视频之后怎么让下面的文字和视频平行

html插入视频之后怎么让下面的文字和视频平行,第1张

你这个很好实现,看你目前应该是刚学html吧,先把网上的整套看一遍,你这些轻而易举。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset="gb2312" />

<title>两个DIV并排</title>

<style>

.div-a{ float:leftwidth:300pxheight:200pxborder:1px solid #F00}

.div-b{ float:leftwidth:300pxheight:200pxborder:1px solid #000}

</style>

</head>

<body>

<div class="div-a">第一个DIV盒子里面放文字</div>

<div class="div-b">第二个DIV盒子第二个放视频</div>

</body>

</html>

1、在html编辑器中,新建一个html文件,例如:index.html。

2、在index.html中的body标签中,填入html代码:

<div style="position: absolutetop: 50%left: 50%height: 10%width: 30%margin: -5% 0 0 -15%">123asfafada</div>

3、最后,浏览器运行index.html,此时html中的文字被成功垂直水平居中显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7159553.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存