漫长而正确的方式

Question

如何在文本框之间删除此表单中的空格？

<form method="post" action="mailto:email@isp.com">
    <p>First name: <input name="firstname" type="text" size="15"/>Last Name:   <input name="lastname" type="text" size="20"/></p>
    <p>Address: <input name="address" type="text" size="50"/></p>
    <p>City: <input name="city" type="text" size="25"/></p>
    <p>State: <input name="state" type="text" size="5"/></p>
    <p>Zip: <input name="zip" type="text" size="10"/></p>
    <p>E-mail address: <input name="E-mail" type="text" size="30"/></p>
    <hr style="size: auto; width: auto;">
    </hr>

    <hr style="size: auto; width: auto;">
    </hr>

Answer 1

您可以git checkout -b E-repair E git reset --soft 1~ git commit -m "E-prime" git checkout master git merge E-repair使用git rebase --onto master E z，而不是</br>：

<p> </p>

但它会删除所有空间。

从某个网站：使用Address: <input name="address" type="text" size="50"</br> City: <input name="city" type="text" size="25"/></br>标记输入换行符，而不是分隔段落。

Answer 2

似乎空格来自每个<p>标记的边距。删除边距似乎有效。

p { //You'll likely want this to be more specific, like "form p {..." or a class name
  margin: 0px;
}

Answer 3

漫长而正确的方式

空格是由浏览器定义的边距引起的，您需要使用CSS重置边距。这基本上是从“干净的平板”开始工作，没有浏览器定义您不知道的默认值。

将其放入名为'reset.css'的CSS文件中。

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

然后将其链接到html文件中“head”的顶部。

<link rel="stylesheet" type="text/css" href="reset.css">

注意：确保重置是第一个加载的样式表。否则，在您进行自己的调整后，所有内容都将重置。

简短方法

要解决此页面特有的问题，您必须重置所有<p>元素的边距。在您的CSS文件中：

form p {
  margin: 0;
}

如何删除这些文本框之间的空格？

3 个答案:

漫长而正确的方式

简短方法