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

Question

我想以图片中显示的格式重新调整文本区域的标签.我正在尝试使用段落标签来做worp,但它没有发生..

我的代码......

 <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>

期望的输出..

Answer 1

style="max-width: 140px; word-wrap: break-word"

将其放在标签标签中,并根据需要调整最大宽度或最小宽度.抬头在IE中不起作用

Answer 2

尝试 white-space: normal;

有关更多详细信息，请访问 http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 3

这是解决方案.

HTML:

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

CSS:

.abc{float:left; width:125px; text-align:left; margin-right:30px;}

如果您不想创建类,可以label在CSS中应用样式.

希望这可以帮助.

Answer 4

像这样的东西：

label { 
  float: left; 
  width:120px;
  padding:10px 30px;
  font-weight:bold;
}

演示