Question

我花了一个小时就做了非常非常简单的事情。我很久以前就习惯使用HTML和CSS，但从那时起就忘记了如何使用它。我需要做的是将包含媒体播放器的div集中在其中。

感谢所有反馈。提前谢谢。

这是我的代码：

<!DOCTYPE html PUBLIC>
<html>
    <head>
        <style type="text/css">
            h1 {
                text-align:center;
            }
            #vid {

            }
        </style>
        <body>
            <h1>Pysch Season 6 Episode 1</h1>
            <h1>Shawn Rescues Darth Vader</h1>
            <div id="vid">
                <OBJECT id="vid" CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 
                    CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="700" HEIGHT="500" >
                    <PARAM NAME="src" VALUE="lol.mp4" >
                    <PARAM NAME="autoplay" VALUE="true" >
                    <EMBED SRC="lol.mp4" TYPE="image/x-macpaint" 
                    PLUGINSPAGE="http://www.apple.com/quicktime/download" WIDTH="700" HEIGHT="500" AUTOPLAY="true"></EMBED>
                </OBJECT>
            </div>
        </body>
</html>

Answer 1

#vid {
    width: 700px;
    margin: 0 auto;
}

Answer 2

您可以将显示设置为阻止，然后将左右边距设置为自动。

#vid
{
    Display: block;
    Margin-right: auto;
    Margin-left: auto;
}

非常简单的html / css集中麻烦

2 个答案: