如何从css换行，不使用 ?

如何实现相同的输出没有 ?

hello How are you

输出:

hello
How are you

当前回答

<pre> <---------------------------------------
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
</pre> <--------------------------------------

<div style="white-space:pre">  <-----------------------------------
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
</div>                         <-----------------------------------

来源:https://stackoverflow.com/a/36191199/2377343

2017-03-07 10:58:03

其他回答

使用,而不是空格将防止中断。

<span>I&nbsp;DONT&nbsp;WANT&nbsp;TO&nbsp;BREAK&nbsp;THIS&nbsp;LINE&nbsp;UP, but this text can be on any line.</span>

2016-04-13 09:50:50

下面是一个糟糕问题的糟糕解决方案，但它确实符合概要:

p {
    width : 12ex;
}

p:before {
    content: ".";
    float: right;
    padding-left: 6ex;
    visibility: hidden;
}

2010-04-24 10:20:48

在我的例子中，我需要一个输入按钮前面有一个换行符。我应用如下样式的按钮，它工作:

clear:both;

2013-09-30 17:15:05

一个现代而简单的解决方案是这样设置宽度:

宽度:min-content;

这个CSS规则主要适用于文本内容，但不仅限于: https://developer.mozilla.org/en-US/docs/Web/CSS/min-content

p { 保证金:20 px; 颜色:# 222; font-family:'世纪哥特式'，sans-serif; 边框:2px虚线灰色; 填充:3 px; ｝ .max { 宽度:max-content; ｝ .min { 宽度:min-content; ｝ <！DOCTYPE html > < html lang =“en”> <头/ > <身体> 最大宽度 最小可用宽度 < /身体> < / html >

2022-12-16 14:29:57

<pre> <---------------------------------------
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
</pre> <--------------------------------------

<div style="white-space:pre">  <-----------------------------------
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
</div>                         <-----------------------------------

来源:https://stackoverflow.com/a/36191199/2377343

2017-03-07 10:58:03

如何从css换行，不使用<br />?

推荐文章

最新文章

标签