我如何使自由聯系表格上的標簽寬度更寬？

Question

我從freecontactform.com獲得了一個網站表格，我如何制作它，以便他們的全名有更多空間：以及我編輯過的所有其余字段並制作了我自己的自定義字段，但它進入了下一行太長時，它看起來像這樣：

（更多文字）全名：

代碼在這里用於 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 路線，它比 更簡潔、更易於閱讀  到處都是。

享受。