无论如何 css 都无法调整网页上的数据馈送位置

Question

我正在尝试实施 Box Office Mojo 从他们的网站提供的数据提要，他们说添加这行代码应该会显示提要：

<script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php">

这行得通，但我的问题是它默认位于页面的最左侧，看起来很奇怪（警告，大图）。

我将所述脚本包裹在 p 标记中，如下所示：

<p id="boxOffice"><script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php"></script></p>

和带有 position 的样式标签，但我尝试过的 none 选项已将其移动。你们有没有想过要搬家的？我被困在这里了。

Answer 1

首先，我建议尝试使用 <DIV>tag 而不是 <p>tag。它应该工作。

<!DOCTYPE html>
<html>
    <head>
        <style>
            #boxOffice{
                float:right;

            }
        </style>
    </head>
    <body>
        <div id="boxOffice"><script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php"></script></div>
</body></html>

您还可以将其他 css 属性与 <DIV> 一起使用。

或

您可以将 <center> 标签与 <p> 标签一起使用，使其居中对齐。

<center><p id="boxOffice"><script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php"></script></p></center>

Answer 2

你想把它放在中间吗？有多种方法可以做到这一点。

方法 1. 使用 <center> 标签

<center><script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php"></script></center>

你的 table 应该像这样居中：

方法2.在<head>标签后添加如下代码：

<style type="text/css">
    table {
        margin: 0px auto;
    }
</style>

它会做同样的事情。

方法 3. 使用 <div> 标签：

<div class="mytable"><script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php"></script></div>

您可以使用 css 将 table 放在任何您想要的地方：

.mytable {
    text-align: center;
}

这是方法 1 的完整代码：

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<center><script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php"></script></center>
</body>
</html>

无论如何 css 都无法调整网页上的数据馈送位置

Can't adjust data feed position on web page regardless of css

html

css

feed