html – 没有空格的两个输入

概述参见英文答案 > How do I remove the space between inline-block elements?                                    37个 我刚刚为我的网站创建了一个mailchimp表单,并希望更改设计.但是在电子邮件输入和按钮之间是一个小小的空白空间.我用css代码已经玩了很多但我不能自己修复它.我认为这不是一个很大的变化, 参见英文答案 > How do I remove the space between inline-block elements?                                    37个
我刚刚为我的网站创建了一个mailchimp表单,并希望更改设计.但是在电子邮件输入和按钮之间是一个小小的空白空间.我用CSS代码已经玩了很多但我不能自己修复它.我认为这不是一个很大的变化,但我没有弄清楚.

你能帮助我删除空间让我知道,我的代码中的问题在哪里？

谢谢,
克里斯

#mce-EMAIL {  display: inline-block;  padding: 8px 0;  wIDth: 70%;  Font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;  Font-size: 1em;  color: #343434;  padding: .7em 9em .7em 2em;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  @R_403_5553@: 0;  background-color: rgb(240,240,240);  background-image: none;  background-repeat: repeat;  background-attachment: scroll;  background-clip: border-Box;  background-origin: padding-Box;  background-position-x: 0%;  background-position-y: 0%;  background-size: auto auto;  Font-family: "Arial" inherit;  color: #737373;  letter-spacing: 1px;  text-indent: 5%;  border-radius: 5px 0 0 5px;  border-top-left-radius: 5px;  border-top-right-radius: 0px;  border-bottom-right-radius: 0px;  border-bottom-left-radius: 5px;  opacity: 0.9;  border-style: solID;  border: none;}/* input Styles */.button {  clear: both;  display: inline-block;  wIDth: 25%;  letter-spacing: .03em;  padding: .7em 2em;  border: none;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  @R_403_5553@: 0;  height: 46px;  background: #fc2;  Font-family: "Arial" inherit;  Font-weight: bold;  color: inherit;  letter-spacing: 1px;  border-radius: 0 5px 5px 0;  cursor: pointer;  Transition: background .3s ease-in-out;}/* button Styles */#mc-embedded-subscribe {  display: inline-block;  wIDth: 20%;  @R_403_5553@: 0;  padding: 0;}#mc_embed_signup .mc-fIEld-group input {  /*display: block;*/  /*wIDth: 100%;*/  /*padding: 8px 0;*/  text-indent: 2%;  wIDth: 200px;}#mc_embed_signup input.mce_inline_error {  border-color: #6B0505;}#mc_embed_signup input {  border: 0px solID #999;  -webkit-appearance: none;}#mc_embed_signup .mc-fIEld-group label {  display: block;  @R_403_5553@-bottom: 3px;}

<!-- Begin MailChimp Signup Form --><div ID="mc_embed_signup">  <form action="//utz-benkel.us10.List-manage.com/subscribe/post?u=9684bbce9ec8413a5614ca7c3&amp;ID=116fd11541" method="post" ID="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"  target="_blank" novalIDate>    <div ID="mc_embed_signup_scroll">      <div >        <input type="email" value="" name="EMAIL"  ID="mce-EMAIL" placeholder="name@EXAMPLE.COM">        <input type="submit" value="Senden" name="subscribe" ID="mc-embedded-subscribe" >      </div>      <div ID="mce-responses" >        <div  ID="mce-error-response" ></div>        <div  ID="mce-success-response" ></div>      </div>      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->      <div ><input type="text" name="b_9684bbce9ec8413a5614ca7c3_116fd11541" tabindex="-1" value=""></div>      <div ></div>    </div>  </form></div><!--End mc_embed_signup-->

解决方法 这是因为浏览器将行项目称为文本中的单词.在单词之间,有必要设置一个单词间隔.

只需在输入之间添加注释,以便它们之间没有单个空格或换行符.

#mce-EMAIL {   display: inline-block;  padding: 8px 0;  wIDth: 70%;  Font-family: 'Helvetica Neue',sans-serif;   Font-size: 1em;   color: #343434;   padding: .7em 9em .7em 2em;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;   @R_403_5553@: 0;    background-color: rgb(240,240);    background-image: none;    background-repeat: repeat;    background-attachment: scroll;    background-clip: border-Box;    background-origin: padding-Box;    background-position-x: 0%;    background-position-y: 0%;    background-size: auto auto;Font-family: "Arial" inherit;color: #737373;letter-spacing: 1px;text-indent: 5%;border-radius: 5px 0 0 5px;    border-top-left-radius: 5px;    border-top-right-radius: 0px;    border-bottom-right-radius: 0px;    border-bottom-left-radius: 5px;opacity: 0.9;  border-style:solID;  border: none;} /* input Styles */.button {   clear: both;  display: inline-block;wIDth: 25%;  letter-spacing: .03em;   padding: .7em 2em;   border: none;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;   @R_403_5553@: 0;     height: 46px;  background: #fc2;  Font-family: "Arial" inherit;  Font-weight: bold;  color: inherit;  letter-spacing: 1px;  border-radius: 0 5px 5px 0;  cursor: pointer;  Transition: background .3s ease-in-out;} /* button Styles */#mc-embedded-subscribe{    display: inline-block;    wIDth: 20%;    @R_403_5553@: 0;    padding: 0;}#mc_embed_signup .mc-fIEld-group input {	/*display: block;*/	/*wIDth: 100%;*/	/*padding: 8px 0;*/	text-indent: 2%;  wIDth: 200px;}#mc_embed_signup input.mce_inline_error {	border-color: #6B0505;}#mc_embed_signup input {	border: 0px solID #999;	-webkit-appearance: none;}#mc_embed_signup .mc-fIEld-group label {	display: block;	@R_403_5553@-bottom: 3px;  }

<!-- Begin MailChimp Signup Form -->                <div ID="mc_embed_signup">                <form action="//utz-benkel.us10.List-manage.com/subscribe/post?u=9684bbce9ec8413a5614ca7c3&amp;ID=116fd11541" method="post" ID="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"  target="_blank" novalIDate>                    <div ID="mc_embed_signup_scroll">                <div >                                  <input type="email" value="" name="EMAIL"  ID="mce-EMAIL" placeholder="name@EXAMPLE.COM"><!----><input type="submit" value="Senden" name="subscribe" ID="mc-embedded-subscribe" >                </div>                    <div ID="mce-responses" >                        <div  ID="mce-error-response" ></div>                        <div  ID="mce-success-response" ></div>                    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->                    <div ><input type="text" name="b_9684bbce9ec8413a5614ca7c3_116fd11541" tabindex="-1" value=""></div>                    <div ></div>                    </div>                </form>                </div>                <!--End mc_embed_signup-->

总结

以上是内存溢出为你收集整理的html – 没有空格的两个输入全部内容，希望文章能够帮你解决html – 没有空格的两个输入所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。