Cómo ajustar el texto en la opción HTML

Quiero poner una lista desplegable en mi página, como una opción es demasiado larga, cuando hago clic en el menú de selección, se expandirá y cubrirá la otra parte de la página.

 LIR How to word wrap text in HTML? CSS / HTML text wrap for webkit 

La segunda opción es demasiado larga y se expandirá. ¿Hay alguna forma de que pueda envolver un texto tan largo en 2 líneas? ¡Gracias!

Viendo que el valor y el texto de un Seleccionar pueden ser muy diferentes. Yo diría si en el caso de que una cadena que esté en su selección para el texto sea más larga que X truncarla.

Ejemplo con jquery

 $('#myselect option').each(function() { var myStr = $(this).text(); if(myStr.length > 15){$(this).text(myStr.substring(15));} }); 

ponlo en tu documento listo, y reducirá tu texto a un mejor tamaño, envolviendo tus elementos en un div que ocultará el desbordamiento va a hacer un desastre más adelante, y estarás aquí tratando de resolver una problema similar causado por eso para cadenas que son más pequeñas.

Establecer un ancho fijo se puede hacer sin el div envoltura simplemente usando

  

En la práctica, debe poner width: 500px en una regla coincidente en su archivo CSS.

envuelve esa entrada en un div, pon algo de ancho para div, para que esa línea no salga del div, como se ve a continuación: