如何实现相同的输出没有<br>?
<p>hello <br> How are you </p>
输出:
hello How are you
如何实现相同的输出没有<br>?
<p>hello <br> How are you </p>
输出:
hello How are you
当前回答
您需要声明<span class="class_name"></span>内的内容。过了它,线就断了。
\A表示换行字符。
.class_name::after {
content: "\A";
white-space: pre;
}
其他回答
在CSS中使用代码
p {
white-space: pre-line;
}
使用这种CSS, P标签内的每个输入都将是HTML中的一个断行。
也许有人会有和我一样的问题:
我在一个带有display: flex的元素中,所以我必须使用flex-direction: column。
使用,而不是空格将防止中断。
<span>I DONT WANT TO BREAK THIS LINE UP, but this text can be on any line.</span>
您需要声明<span class="class_name"></span>内的内容。过了它,线就断了。
\A表示换行字符。
.class_name::after {
content: "\A";
white-space: pre;
}
下面是一个糟糕问题的糟糕解决方案,但它确实符合概要:
p {
width : 12ex;
}
p:before {
content: ".";
float: right;
padding-left: 6ex;
visibility: hidden;
}