强制文本布局在下一行开始处继续的空白。
我把文字放在这样的中: 第一天 1-一个苹果。 2-1橙色。 3-两杯牛奶。 但它以这样的<label>显示: 第一天 1- 一个苹果。 2-1橙色。 3- 两杯 </desc> <question vote="31"> <p>我把文字放在这样的<pre><code><textarea></code></pre>中:</p> <pre><code>First day 1-one apple. 2-one orange. 3-two cups of milk. </code></pre> <p>但是它以这样的<pre><code><label></code></pre>显示:</p> <pre><code>First day 1- one apple. 2-one orange. 3- two cups of milks. </code></pre> <p>如何让它看起来和<pre><code><textarea></code></pre>一样?</p> </question> <answer tick="true" vote="66"> <p>给标签<pre><code>white-space: pre-wrap</code></pre>,它会像文本区域一样换行</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>textarea { height: 70px; } label { white-space: pre-wrap; }</code></pre> <pre><code><textarea> First day 1-one apple. 2-one orange. 3-two cups of milk. </textarea> <br><br> <label> First day 1-one apple. 2-one orange. 3-two cups of milk. </label></code></pre> </div> </div> <p></p> <hr/> <p>除了 <pre><code>white-space</code></pre> 属性与换行符(例如 <pre><code>\n</code></pre>)相结合,HTML 的换行方式是使用 <pre><code><br></code></pre>,这里添加一个小示例,说明它们的工作原理和不同之处。</p> <p><em>注意,即使是空格也可以使用例如<pre><code>white-space: pre</code></pre>,如“内联”代码示例所示</em></p> <p></p><div data-babel="false" data-lang="js" data-hide="true" data-console="true"> <div> <pre><code>var sample_script = document.querySelector('.sample.script'); var name = "One Two Three"; var name1 = name.replace(/ /g, '\n'); var name2 = name.replace(/ /g, '<br>'); sample_script.innerHTML += name1; sample_script.innerHTML += "<br><br>"; sample_script.innerHTML += name2;</code></pre> <pre><code>div.pre { white-space: pre; } /* styling for this demo */ body {display: flex;} .sample {flex: 1; margin: 0 20px;}</code></pre> <pre><code><div class="sample inline"> Inline <hr> <div> One Two Three </div> <div class="pre"> One Two Three </div> </div> <div class="sample script"> Script <hr> </div></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="1"> <p>无法在 <pre><code><textarea></code></pre> 标签中添加 HTML 标签,因此使用 css 格式化或使用 <pre><code><br></code></pre> 标签是行不通的。</p> <p>现在,<pre><code><textarea rows="4" cols="20"></code></pre>,让我们说你能做的最好的事情:你定义要显示的最小行数为“4”,每行的最小字符数:“20”。</p> <p>最好的方法是使用 <pre><code><div contenteditable="true"></div></code></pre>,您可以在其中使用像 <pre><code><br></code></pre> 这样的标签以及 css 样式。</p> </answer> <answer tick="false" vote="1"> <p>如果您正在从文本区域本身获取文本,那么当我们在创建新行返回的文本区域中按回车键时。您可以将换行符替换为 </p> <p><pre><code>/n, /r with <br></code></pre></p> </answer> <answer tick="false" vote="0"> <p>我发现虽然像 <pre><code><br\></code></pre> 这样的 html 标签不起作用,但 UTF-8 标点符号确实起作用。对于行返回,它将是一个“en”空格,后跟一个“em”空格(<pre><code>  </code></pre>)。 </p> <p>有关 UTF-8 标点符号的更多信息,您可以在其中找到“en”和“em”空格: <a href="https://www.w3schools.com/charsets/ref_utf_punctuation.asp" rel="nofollow noreferrer">https://www.w3schools.com/charsets/ref_utf_punctuation.asp</a></p> <p>对我来说,实体符号有效,但不是十进制或十六进制,如“尝试”示例中给出的那样。</p> </answer> <answer tick="false" vote="0"> <p>对于带有换行符的标签内容,试试这个简单的解决方案,它在标签标签中使用 <pre><code><span></code></pre> 和 <pre><code><br></code></pre> 标签:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><label> <span>First day</span><br> <span>1-one apple.</span><br> <span>2-one orange.</span><br> <span>3-two cups of milk.</span> </label></code></pre> </div> </div> <p></p> </answer> </body></html>
我的数据中出现换行符问题。该数组是用一个输出字符串和 -split 组成的。如果您想查看脚本的那部分,请告诉我。 foreach($数组中的项目){ “_”...
重新缩放窗口时,如何在 R Shiny 中对齐按钮和 verbatimTextOutput 而不重叠和换行?
我正在尝试使用 fluidRow() 将 shinyDirButton 与 R Shiny 中的 verbatimTextOutput 对齐。我面临的问题是,当缩小窗口时,verbatimTextOutput 与...重叠...
缩放窗口大小时,如何在 R Shiny 中对齐 Button 和 verbatimTextOutput 而不重叠和换行?
我正在尝试使用 fluidRow() 将 shinyDirButton 与 R Shiny 中的 verbatimTextOutput 对齐。我面临的问题是,当缩小窗口时,verbatimTextOutput 与...重叠...
从 javascript 后端推送数据时如何在新行中打印 html 文本
formatPopupBodyText(serverPayload){ 让结果 = this.formatBusinessHoursText(serverPayload); 如果 (serverPayload.PhoneNumbers__c != null && getCurrentCountryCode() === 'IN' && (...
在 CSS 或 JavaScript 中压缩时,如何让文本在某些点换行?
我在照片上有一个标题,上面有作者和许可证(三项)。如果可能的话,我希望它能将作者全部放在一行中,将所有许可都放在一行中,否则将文本换行。是
我有一个带有详细信息页面的 MVC3 应用程序。作为其中的一部分,我有一个包含空格和换行符的描述(从数据库中检索)。呈现时,新行和空格将被忽略...
如何制作 WordPress Jetpack Top Posts 插件来识别换行符?
我正在使用以下代码启用标题中的换行符... 函数 line_break_for_posts_filter($title){ 返回 str_replace(' | ', '', $title); } add_filter('the_title', '
我正在为 Joomla 编写一个模块! 2.5.在我的后端我有一个文本区域,其中值应该逐行写入。如果该值太大,则换行符看起来真的很混乱并且很......
所以我对编程很陌生,这是我在 PySimpleGUI 上的第一个独立程序。有一段时间还不错,我设法得到了我想要的一切,除了一个小错误:我无法排队......
(关闭!)当屏幕太小时,我可以让按钮出现在新的一行吗? HTML、CSS
我不知道这篇文章是否重复,因为我没有找到其他任何东西,但是当 HTML 中的屏幕太小时,我可以更改第二个按钮进入另一“行”的按钮吗?看...
我不知道这篇文章是否重复,因为我没有找到其他任何东西,但是当 HTML 中的屏幕太小时,我可以更改第二个按钮进入另一“行”的按钮吗?看...
为什么 Puppeteer 显示的文本乱七八糟且换行不均匀?
我正在尝试使用 Puppeteer 制作一大堆文字的屏幕截图。当 HTML 文件在浏览器中打开时,文本是一面平坦的墙,并且完全按照我想要的方式显示,但是当我制作
从 UserDefaults 加载后 Swift 换行符不起作用
我正在从 UserDefaults 加载一个字符串,并将 TextView 的文本设置为该字符串。当它包含换行符时,它只会在 TextView 中显示换行符而不是
在 PHP 中,如何折叠 heredoc(此处文档)中的换行符?
出于 CLI 的目的,我想在 heredoc(此处文档)中部分折叠(忽略换行符)。 目前,我在要折叠的行末尾使用 %% 然后使用 str_r 替换它们...
在 Vscode 的 CSV 编辑器中,它看起来像这样: 这是一个细胞 我添加换行符的代码: 列表='' 我的价值: 清单 = 清单 + 我 + ' ' stock_bodega.append(清单) 恢复...
我有不少文件想去掉一个特定的换行符。该行总是以 "Title: "开头,所以我尝试了以下命令:find . -type f -exec sed -i 's^Title: \nd/t*...
我想在cshtml.cs中换行,代码如下: string error =""; foreach (ValidationFailure fail in check.Errors) { error += (fail.ErrorMessage + " "); } ViewData["...
我是Stack Overflow的新手,我想就我的Perl代码中的一个小问题请教一下。简而言之,我写了一个小程序,它可以打开文本文件,从一个预...
如何在Visual Studio 2019中关闭自动缩进?(不是VISUAL STUDIO CODE)
我通常使用逗号 ,来设置相同的变量类型,就像上面的gif。但一个问题是,当我在写完第二个变量后按下Enter键,VS会自动断行。作为一个正式的Atom用户,它'...