line-breaks 相关问题

我把文字放在这样的中：第一天 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>&ensp;&emsp;</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>

html css label line-breaks

回答 0 投票 0

删除换行符 powershell

我的数据中出现换行符问题。该数组是用一个输出字符串和 -split 组成的。如果您想查看脚本的那部分，请告诉我。 foreach（$数组中的项目）{ “_”...

powershell line-breaks

回答 4 投票 0

重新缩放窗口时，如何在 R Shiny 中对齐按钮和 verbatimTextOutput 而不重叠和换行？

我正在尝试使用 fluidRow() 将 shinyDirButton 与 R Shiny 中的 verbatimTextOutput 对齐。我面临的问题是，当缩小窗口时，verbatimTextOutput 与...重叠...

r shiny window line-breaks overlap

回答 1 投票 0

缩放窗口大小时，如何在 R Shiny 中对齐 Button 和 verbatimTextOutput 而不重叠和换行？

我正在尝试使用 fluidRow() 将 shinyDirButton 与 R Shiny 中的 verbatimTextOutput 对齐。我面临的问题是，当缩小窗口时，verbatimTextOutput 与...重叠...

r shiny window line-breaks overlap

回答 0 投票 0

从 javascript 后端推送数据时如何在新行中打印 html 文本

formatPopupBodyText（serverPayload）{ 让结果 = this.formatBusinessHoursText(serverPayload); 如果 (serverPayload.PhoneNumbers__c != null && getCurrentCountryCode() === 'IN' && (...

javascript html newline line-breaks lwc

回答 1 投票 0

在 CSS 或 JavaScript 中压缩时，如何让文本在某些点换行？

我在照片上有一个标题，上面有作者和许可证（三项）。如果可能的话，我希望它能将作者全部放在一行中，将所有许可都放在一行中，否则将文本换行。是

javascript css line-breaks

回答 1 投票 0

在 HTML 中呈现字符串并保留空格和换行符

我有一个带有详细信息页面的 MVC3 应用程序。作为其中的一部分，我有一个包含空格和换行符的描述（从数据库中检索）。呈现时，新行和空格将被忽略...

html css newline whitespace line-breaks

回答 8 投票 0

如何制作 WordPress Jetpack Top Posts 插件来识别换行符？

我正在使用以下代码启用标题中的换行符... 函数 line_break_for_posts_filter($title){ 返回 str_replace(' | ', '', $title); } add_filter('the_title', '