文本区域中标签文本的自动换行

新手上路,请多包涵

我想按照下图所示的格式重新调整文本区域标签的大小。我正在尝试使用段落标记进行换行,但它不起作用。

我的代码:

  <label for="qual">This is the format i want the text-area to be displayed:</label>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <textarea id="qual" rows="5" cols="50" style="resize:none" placeholder="Description and Qualification"></textarea><br><br>

期望的输出:

左侧带有文本标签的框的图像,其中标签的每一行在一个或两个单词后换行,以便标签与框的高度相同

原文由 Lucy 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 219
1 个回答
style="max-width: 140px; word-wrap: break-word"

将这些样式放在您的标签中,并根据您的需要调整最大宽度或最小宽度。

这在 Internet Explorer 中不起作用

原文由 GertV 发布,翻译遵循 CC BY-SA 4.0 许可协议

推荐问题