如何在HTML中將下拉列表的較長項目文本拆分為段落

Question

如何在html中將很大的下拉列表項目文本拆分為段落。

<select id="s7"  name="size">
option value="1">My problem is that the column is not wide enough to display 
                 the contents in the drop-down list.</option>
option value="2">bxcvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv</option>
option value="3">Square Pop-Up </option>
option value="4">Vertical Rectangle </option>
</select>

Answer 1

你可以這樣嘗試

<select id="s7"  name="size" style="word-wrap:break-word;width:300px;">
    <option value="1">My problem is that the column is not wide enough to display 
             the contents in the drop-down list.</option>
    <option value="2">bxcvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv</option>
    <option value="3">Square Pop-Up </option>
    <option value="4">Vertical Rectangle </option>
</select>

謝謝

Answer 2

您可以為該項目使用簡短描述，並將長文本移至title屬性。 用戶將鼠標移到該項目上時，他們會看到長文本。

<option value="1" title="My problem is that the column is not wide enough to display the contents in the drop-down list.">short description</option>