我怎么能把这个强大的代码集中在一起?

时间:2015-12-04 05:54:28

标签: html css

我有可能是一个非常基本的问题,但我似乎无法想出这个问题。如何将此提交按钮置于此代码中,标记为“已点亮”。

</p>
    <!--
    <p class="forgetmenot"><label for="rememberme"><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90"<?php checked( ! empty( $_POST['rememberme'] ) ); ?> /> <?php esc_attr_e( 'Remember Me', 'password-protected' ); ?></label></p>
    -->

                <p class="submit">
        <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="<?php esc_attr_e( 'Lit', 'password-protected' ); ?>" tabindex="100" />
        <input type="hidden" name="testcookie" value="1" />
        <input type="hidden" name="password-protected" value="login" />
        <input type="hidden" name="redirect_to" value="<?php echo esc_attr( $_REQUEST['redirect_to'] ); ?>" />
    </p>
</form>

<?php do_action( 'password_protected_after_login_form' ); ?>

任何帮助都非常适合。

2 个答案:

答案 0 :(得分:2)

你问:

  • &#34;以强大的代码为中心&#34;
  • 和&#34;如何将提交按钮置于中心&#34;

我不确定你问的是哪一个,但这里是两者的解决方案:

如果您希望将文本居中,那么您可以使用CSS text-align属性:

input#wp-submit {
    text-align: center;
}

如果您尝试将按钮置于中心位置,可以将其margin设置为:

input#wp-submit {
    margin: 0 auto;
}

修改:根据要求,如果您不知道如何使用此CSS,只需将以下<style>标记添加到<head>标记中:

<style>
    /* Enter the appropriate code from above (style) here */
</style>

答案 1 :(得分:0)

这可以让你通过使用div来包含按钮来使按钮居中。 的 CSS

:id=>nil

<强> HTML

#d{
   width:100%;
}

input#wp-submit{
   margin-left:47%;
}