换行后我可以缩进吗？

Question

我只有一个段落，几个换行符。我可以在每次之后缩进文字吗？

<p>
   Some text</br>
   More text</br>
   More text</br>
</p>

我无法将<p></p>代替</br>并使用p{text-indent=1em;}

Answer 1

以下适用于Chrome，Opera和Safari。仍试图找出IE和Firefox的解决方案。

此方法假设您知道源中br的最大数量。我根据您在数据库中的说法，使用</br>和您一样。

＆＃13;

＆＃13;

br {
  content: '';
  white-space: pre;
}

br:nth-child(1):after {content: '\A   ';}
br:nth-child(2):after {content: '\A      ';}
br:nth-child(3):after {content: '\A         ';}
br:nth-child(4):after {content: '\A            ';}
br:nth-child(5):after {content: '\A               ';}
br:nth-child(6):after {content: '\A                  ';}
br:nth-child(7):after {content: '\A                     ';}
br:nth-child(8):after {content: '\A                        ';}
br:nth-child(9):after {content: '\A                           ';}

＆＃13;

<p>
  Some text</br>
  More text</br>
  More text</br>
  More text</br>
  More text</br>
  More text</br>
  More text</br>
  More text</br>
  More text</br>
  More text</br>
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

不，你不能，因为没有元素来应用这样的样式。 <br>元素没有内容，并且未指定是否可以在其上使用:before和:after伪元素 - 实际上您不能这样做。

您应该处理数据或更改当前处理，以便将段落的任何内容标记为p元素（并且您当前的p标记应替换为{{1或者div）。这样，样式问题变得可以解决（而且非常简单）。