如何格式化从javascript加载的网页内容？

Question

我有一个网页，其中显示了一个源于javascript的网络表单。

默认情况下，它将此表单放置在屏幕的左上角。 如何在屏幕上水平和垂直居中？

我很困惑，因为该块位于<script>部分而不是<body> 。

该表格是由我的电子邮件营销服务提供商生成的，我无权访问其代码。

完整的html文件为：

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://app...."></script>  
    </head>     
    <body>       
    </body>
</html>

Answer 1

是您的JavaScript文件，还是要加载到创建表单的外部文件中？ 您可以将类/ id添加到javascript生成的标记中，这是您可以将其定位的一种方法，但是您应该可以使用以下方法将其定位和居中：

form {display: block; margin: 0 auto; width: 100%}

Answer 2

没有真正看到您的JavaScript在做什么，这很难回答，但是对您问题的普遍答案是使用CSS。 您可以在HTML文档的开头部分使用<style>标记（请参见下面的代码）或使用<link>来添加外部样式表。

查看W3，让您开始学习有关CSS的更多信息： http : //www.w3schools.com/css/

您所需的实际CSS属性可能会有所不同，但是本文介绍了transform: translate用法transform: translate以将元素垂直和水平居中。

<!DOCTYPE html>
<html>
    <head>
        <style>
            /* this is a class you would add to the parent HTML tag of your form */
            form {
                position: relative;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
            }          
        </style> 
        <script type="text/javascript" src="https://app...."></script>  
    </head>     
    <body>       
    </body>
</html>

如何格式化从javascript加载的网页内容？

问题描述

2 个解决方案

解决方案1
3 2014-11-04 17:06:11

解决方案2
1 已采纳 2014-11-04 17:21:34

如何格式化从javascript加载的网页内容？

问题描述

2 个解决方案

解决方案1 3 2014-11-04 17:06:11

解决方案2 1 已采纳 2014-11-04 17:21:34

解决方案1
3 2014-11-04 17:06:11

解决方案2
1 已采纳 2014-11-04 17:21:34