技術標籤：html

在寫表單過程中，有時由於label內文字內容過長，會出現文字自動換行的現象，使得表單不美觀，可通過新增style="white-space: nowrap"避免換行

<label class="layui-form-label" style="white-space: nowrap">喉部上游無量綱半徑</label>

但有時會與其後文字框干涉：

這裡我的解決方案是將這兩個元素放在table內，保證樣式統一：

<table class="layui-table" lay-even="" lay-skin="nob">
    <colgroup>
        <col width="150">
        <col width="150">
    </colgroup>
    <tbody>
        <tr>
            <td align="right">此處應有輸入標籤</td>
            <td align="left"><input type="text" class="layui-input calPara">/td>                        
        </tr>
    </tbody>
</table>
 

效果如下：