如何将此时事通讯注册表单居中?
How to center this newsletter sign-up form?
我正在尝试将来自 here 的时事通讯注册表单居中。我已经尝试了一切,但它只是拒绝居中。我正在使用骨架 CSS 框架。
我不能只用骨架来做,但我做了一些快速的解决方案:
<div class="container align-center">
<div class="">
<label style="display:none" for="mce-EMAIL">
Email
</label>
<input type="email" style="width:20%; display:block; margin: 0 auto 1em;" value="Enter your email" name="EMAIL" class="email required u-full-width" id="mce-EMAIL">
<div class="clear" id="mce-responses">
<div style="display:none" id="mce-error-response" class="response"></div>
<div style="display:none" id="mce-success-response" class="response"></div>
</div>
<div style="position: absolute; left: -5000px;">
<input type="text" value="" tabindex="-1" name="b_8ce5d035a2693858b995c33e9_d252a06fa4">
</div>
</div>
<div class="three columns">
<input type="submit" class="button u-full-width" id="mc-embedded-subscribe" name="subscribe" value="Subscribe">
</div>
</div>
使用此代码。我不知道骨架。公共汽车它的作品。
<section class="news">
<h2 class="">Get Notified for Early Access</h2>
<form novalidate="" target="_blank" class="validate" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="post" action="//KloudTrader.us11.list-manage.com/subscribe/post?u=8ce5d035a2693858b995c33e9&id=d252a06fa4">
<div class="row">
<div class="columns">
<label style="display:none" for="mce-EMAIL">
Email
</label>
<input type="email" id="mce-EMAIL" class="email required u-full-width" name="EMAIL" value="Enter your email">
<div class="clear" id="mce-responses">
<div style="display:none" id="mce-error-response" class="response"></div>
<div style="display:none" id="mce-success-response" class="response"></div>
</div>
<div style="position: absolute; left: -5000px;">
<input type="text" value="" tabindex="-1" name="b_8ce5d035a2693858b995c33e9_d252a06fa4">
</div>
</div>
<div class="columns">
<input type="submit" class="button u-full-width" id="mc-embedded-subscribe" name="subscribe" value="Subscribe">
</div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
</form>
</section>
.news {text-alig:center}
.news .columns {float: none; display: inline-flex;}
我正在尝试将来自 here 的时事通讯注册表单居中。我已经尝试了一切,但它只是拒绝居中。我正在使用骨架 CSS 框架。
我不能只用骨架来做,但我做了一些快速的解决方案:
<div class="container align-center">
<div class="">
<label style="display:none" for="mce-EMAIL">
Email
</label>
<input type="email" style="width:20%; display:block; margin: 0 auto 1em;" value="Enter your email" name="EMAIL" class="email required u-full-width" id="mce-EMAIL">
<div class="clear" id="mce-responses">
<div style="display:none" id="mce-error-response" class="response"></div>
<div style="display:none" id="mce-success-response" class="response"></div>
</div>
<div style="position: absolute; left: -5000px;">
<input type="text" value="" tabindex="-1" name="b_8ce5d035a2693858b995c33e9_d252a06fa4">
</div>
</div>
<div class="three columns">
<input type="submit" class="button u-full-width" id="mc-embedded-subscribe" name="subscribe" value="Subscribe">
</div>
</div>
使用此代码。我不知道骨架。公共汽车它的作品。
<section class="news">
<h2 class="">Get Notified for Early Access</h2>
<form novalidate="" target="_blank" class="validate" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="post" action="//KloudTrader.us11.list-manage.com/subscribe/post?u=8ce5d035a2693858b995c33e9&id=d252a06fa4">
<div class="row">
<div class="columns">
<label style="display:none" for="mce-EMAIL">
Email
</label>
<input type="email" id="mce-EMAIL" class="email required u-full-width" name="EMAIL" value="Enter your email">
<div class="clear" id="mce-responses">
<div style="display:none" id="mce-error-response" class="response"></div>
<div style="display:none" id="mce-success-response" class="response"></div>
</div>
<div style="position: absolute; left: -5000px;">
<input type="text" value="" tabindex="-1" name="b_8ce5d035a2693858b995c33e9_d252a06fa4">
</div>
</div>
<div class="columns">
<input type="submit" class="button u-full-width" id="mc-embedded-subscribe" name="subscribe" value="Subscribe">
</div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
</form>
</section>
.news {text-alig:center}
.news .columns {float: none; display: inline-flex;}