css make <br>元素出现在新行的起始处

-2

'不可见'<br>元素总是出现在您为其写入的行的末尾。通过造型，你可以给它一个视觉外观。我想让它出现在下一行的开头，所以视觉外观会指示该行的开始。css make <br>元素出现在新行的起始处

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

会给

abc| 
abc

，但我想

abc 
|abc

来源

2014-10-20 aelgoa

为什么你想要这个？我相信为你的目的有更好的选择。 – Nick 2014-10-20 11:29:42

它的换行符（第一个换行符），所以我认为它在第一行末尾是正常的，而不是在第二行的开头。你想做什么？ – panther 2014-10-20 11:30:36

我想指出一个选定的字符，包括换行符 – aelgoa 2014-10-20 11:30:42

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

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

或者你可以用换行到另一个标签，然后按此风格：

HTML

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

CSS

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

来源

2014-10-20 11:35:10 feeela

+1即可让第一个人在其答案中实际包含“它不可打印”。 – 2014-10-20 11:50:50

，如果你想之前或之后显示
标签每个段落用于任何目的。你应该使用伪选择.. 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; 
}

来源

2014-10-20 11:39:24

-1

我觉得让边境更加美好看到这个http://jsfiddle.net/46jyt4d7/

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

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

来源

2014-10-20 11:39:51 Akshay

-1

你不能真正的风格<br />标签变得可见。但要实现你要实现你所要做的就是把它创建类似的行的另一个元素是什么：

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

并与造型：

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

下面是一个例子小提琴：

http://jsfiddle.net/tmqk0ppe/

来源

2014-10-20 11:40:26 Hive7

，你可以简单地使用

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

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

来源

2014-10-20 12:03:40 Justin

css make <br>元素出现在新行的起始处

回答

相关问题