label 相关问题

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

更改条形图顶部的预定义标签 - ggplot2

我想为我的 ggplot 图添加标签。该图是使用“freq”列创建的，其中包含先前计算的百分比值。在图表的顶部，我想添加 t...

r ggplot2 label bar-chart

回答 0 投票 0

如果我有一个可滚动的标签（在滚动视图内），当文本更新且太长时如何让它自动滚动到底部？

使用 python 和 kivy，我在 scrollView 中有一个可以垂直滚动的标签。滚动效果很好。内容是动态更新的。我想要以下行为：每个 t...

python scroll kivy label

回答 0 投票 0

使用javascript创建一个带有标签的复选框

我正在使用 Javascript 构建一个 html，我试图在复选框的右侧放置一个标签。我用 Javascript 代码尝试了不同的行顺序和不同的 appendChild 顺序，但我从来没有...