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

新手上路,请多包涵

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

我的代码:

  <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 许可协议

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

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

这在 Internet Explorer 中不起作用

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题