【问题标题】:How to set the width of an option in a select?如何在选择中设置选项的宽度?
【发布时间】:2011-04-27 13:04:03
【问题描述】:

我有一个带有很长文本选项的 html 选择。我想知道如何将选项的最大宽度设置为自动换行。

例如,我想要以 100 像素换行的选项:

    <select style="width:100px">
    <option>
        skdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk nd
    </option>
    <option>
        skdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk nd
    </option>
    <option>
        skdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk nd
    </option>
    <option>
        skdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk nd
    </option>
    <option>
        skdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk nd
    </option>
    <option>
        skdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk ndskdfnsdjfn skdjfn sjkdn sdjkn sdjk nsdjkf nsdjkf nsdjkfn sjkf nsdjk nd
    </option>
</select>

【问题讨论】:

标签: html


【解决方案1】:

您不能使用标准选项选择进行自动换行。您必须使用第 3 方工具或自行开发。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-08-09
    • 2019-05-13
    • 2013-04-11
    • 2019-09-30
    • 2018-11-28
    • 2023-03-23
    • 1970-01-01
    相关资源
    最近更新 更多