标签中的换行

Question

在不使用换行符的情况下，在标签中写长句子时，它会自动换行。我将该标签放置在“＜div＞”标签中。如何使这个长句子自动换行。

- Piyush

Answer 1

不太清楚，但您可以通过在其中添加<br />来强制换行。

<label>Some long long long long long long<br /> long long long label</label>

- Dustin Laine

Answer 2

创建像这样的样式表："

.label { word-wrap: break-word }

并将其分配给您的标签

查看以下链接以获取更多详细信息：http://www.css3.com/css-word-break/

- Pranay Rana

---

什么是break-word？请解释一下。 - Piyush

请查看答案中发布的链接以获取更多详细信息。 - Pranay Rana

虽然不太熟悉ASP.NET，但既然它仍然使用主要框架，那么您不能使用控件的word-wrap属性吗？或者将控件设置为多行标签（也许是想到了TextBox...）。不管怎样，WordWrap属性应该也可以起作用吧？ - Zack

Answer 3

如果没有IE的备用方案，我会犹豫使用CSS3解决方案。

您需要将以下CSS添加到您的标签中：

label { display: block; width: 100px; }

将宽度更改为您想要的标签宽度，句子将在此空间内换行。

默认情况下，标签具有内联显示，这使得宽度控制变得困难。

如果您仍需要标签与输入字段内联，请浮动标签。

- sitesbyjoe