Question

＆＃39;隐形＆＃39; <br>元素始终显示在您为其编写的行的末尾。通过造型，您可以赋予其视觉外观。我希望它显示在下一行的开头，所以视觉外观将指示该行的开始。

abc<br style="border:1px solid"/>abc

会给出

 abc|
 abc

但我想要

abc
|abc

Answer 1

如果您想出于任何目的在每个段落之前或之后显示标签。你应该使用伪选择器.. like :before and :after

<html>
<p>hello1</p>
<p>hello2</p>
<p>hello3</p>
<p>hello4</p>

<css>
p:after{
content: "";
border-right: 1px solid red;
margin-left: 5px;
}

Answer 2

“表示所选字符，包括换行符”

换行符是非打印字符。大多数软件（例如MS Word）使用替换字符来显示换行符。您应该这样做以突出显示任何换行符。

或者你可以将换行符换成另一个标签，然后相应地设置样式：

HTML

abc<mark class="line-break-wrapper"><br></mark>abc

CSS

.line-break-wrapper {
    background: #990;
    padding: 0 .25em;
}

Answer 3

你可以简单地使用

 abc<br/><span  style="border-left:1px solid ">abc</span>

实现这一目标但我认为这不是一个好方法

Answer 4

我认为给边框更好看看http://jsfiddle.net/46jyt4d7/

<p>abc<br/></p><p class="a">abc</p>

.a{
border-left:1px solid;
}

Answer 5

您实际上无法将<br />标记设置为可见。但要实现您想要实现的目标，您只需要创建另一个创建该行的元素：

abc<br /><span></span>abc

带有造型：

span {
    border: solid 1px black;
    margin-right: 2px;
}

这是一个小例子：