我正在尝试实现 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
的样式标签,但我尝试过的所有选项都没有移动它。你们有没有想过要搬家的?我被困在这里。
最佳答案
你想要它在中心吗?有多种方法可以做到这一点。
方法 1. 使用 <center>
标签
<center><script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php"></script></center>
方法二在<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 将表格放在您想要的任何位置:
.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>
关于html - 无论 css 如何,都无法调整网页上的数据馈送位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49824210/