需要翻译的内容：
涉及的页面：http://www.rjlacount.com/public/lander/
我可能只是在做一些愚蠢的事情，但我试图缩进表单内（顶部为“您的帐户：test@test.com”）换行文本的第二行，并且似乎无法使任何东西起作用。
我认为解决方案是：
form span {padding-left:1.5em;text-indent:-1.5em;}
但是这似乎只缩进了每个部分的第一行。
非常感谢您再次查看此问题！
CSS第二行缩进不起作用。
8
但是这似乎只缩进了每个部分的第一行。
非常感谢您再次查看此问题！
- R.J.
1
1这样是行不通的。你必须要么定位单选框和文本，要么将它们放入浮动容器中。 - user487772
3个回答
10
如果元素是行内元素，它将缩进第一行；否则，如果它是块级元素，则将缩进其余所有行。这就像Briguy37所说的那样，因为这是DIV和SPAN之间的区别。我只是想澄清这并不是“SPAN的问题”。
- Omer Tuchfeld
3
出于某些原因，这适用于DIV，但不适用于SPAN。 不是很确定为什么，但这里有一个使用相同CSS的fiddle。
- Briguy37
2
奇怪。感谢您的回复。将每个输入都包裹在<p>标记中也可以起作用。看起来有点奇怪，但它会起作用。 - R.J.
3
<span>默认为内联元素，而<div>和<p>默认为块级元素。我没有尝试过，但我敢打赌，如果你在<span>上设置display:block，在<div>上设置display:inline，你就可以反转缩进行为。 ;) - Shauna2
span被视为内联元素。
将它们视为实际字符有助于概念化更改。在span之后的空格将保留，因为它就像字符之间的空格。您通过line-height而不是简单地height来调整高度等等。
通常，如果这会导致问题，您可以使用div并设置display:inline-block;以进行水平对齐。
- imamerican
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接