如何将内容div放在表格中

时间:2017-04-04 16:13:59

标签: html css

目前我发现自己的桌子里面有一个带有视频播放器的div,但是在屏幕的左侧移动,我想点击GrindPlayer,我该怎么办?

   <style type="text/css" media="screen">
         #GrindPlayer p{
         text-align:center;
         }
         #GrindPlayer{
         margin:0 auto;
         }
         </style>
        <table width="100%" border="0" cellspacing="5">
            <tr>
                <td>
                    <div id="GrindPlayer">
                        <p>
                            Alternative content
                        </p>
                    </div>
                </td>
            </tr>
        </table>

如果我可以将整个表格放在屏幕顶部。谢谢

1 个答案:

答案 0 :(得分:1)

如果您希望表格中的div位于中心,这就是解决方案。

#GrindPlayer p{
  text-align:center;
}
#GrindPlayer{
 margin:0 auto;
}
<table width="100%" border="1" cellspacing="5">
            <tr>
                <td>
                    <div id="GrindPlayer">
                        <p>
                            Alternative content
                        </p>
                    </div>
                </td>
            </tr>
        </table>