集中嵌入式内容

时间:2013-04-26 07:13:15

标签: html css embed styling

我对网络开发比较陌生,我的学校要求我创建一个网页,主持学校的网络显示,我无法集中嵌入式视频。我添加了一个内联样式margin-left:auto; margin-right:auto;嵌入代码,但不是它的中心。我可以手动更改边距,但我希望只要有人访问该页面,视频就会自动居中。嵌入代码中是否不支持自动边距?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="SDL.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Home</title>
</head>

<body>
<div style="background-image:url(img/Stage-Background.png)"; margin-top:100px; margin-bottom: 100px;>

<embed
src="http://blip.tv/play/AwGUv2w"
type="application/x-shockwave-flash" width="669"
height="500" allowscriptaccess="always"
allowfullscreen="true" style="margin-left:auto; margin-right:auto;"></embed>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:-2)

在您的嵌入代码中,尝试在嵌入代码之前和之后使用以下内容。

<center>
   <embed>
        //youtube url here..
   </embed>
</center>

或者您可以使用此保证金:0自动;