CODEWITHSUNDEEP
html
Muffun
Muffun

Reputation: 736

How to set the width of an option in a select?

I have a html select with an option with a very long text. I wonder how to set the max-width of an option to a word wrap.

For exemple, I whant the option to wrap at 100px:

    <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>

Upvotes: 0

Views: 647

Answers (1)

Alan Barber
Alan Barber

Reputation: 983

You can't do word wrap with the standard option selects. You'll have to use a 3rd party tool or roll your own.

Upvotes: 1

Related Questions