如何使自由接触表单上的标签宽度更宽

Question

我从freecontactform.com上得到了一个网站的表格，我该如何制作它，以便他们有更多的全名空间：以及我编辑过的所有其他字段，并制作了自己的自定义字段，但当它太长时，它会进入下一行，所以看起来像这样：

(更多文字(完整N名称：

这里是html 的代码

<tr>
	 <td valign="top">
	  <label for="Full_Name" class="required">Full Name<span class="required_star"> * </span></label>
	 </td>
	 <td valign="top">
	  <input type="text" name="Full_Name" id="Full_Name" maxlength="80" style="width:230px">
	 </td>
	</tr>

请注意，我花了一个多小时试图在谷歌上搜索，并找出如何做这个

Answer 1

如果标签或表格单元格上没有设置宽度，则可以使用

/*obviously you can use any selector here that gets the job done*/
label
{
white-space: nowrap;
}

或者简单地在文本中放一个不间断的空格( (：

<label for="Full_Name" class="required">Full&nbsp;Name<span class="required_star">&nbsp;*</span></label>

这本质上就是nowrap所做的，就是将所有空间转换为非破坏性的。

显然，如果标签或表格单元格的宽度受到限制，您可能需要调整这些宽度。

供参考：

nowrap空白序列将塌陷为单个空白。文本永远不会换行到下一行。文本在同一行上继续，直到遇到<br>标签

https://www.w3schools.com/cssref/pr_text_white-space.asp

就我个人而言，我会走CSS的路线，它比把 放在各处更干净、更容易阅读。

享受吧。