2009-08-27 20 views
6

¿Alguien sabe si hay una manera de mostrar el valor de texto de un botón en HTML en varias líneas?Cómo tener un valor de envío de entrada en varias líneas en HTML

Es decir, si se bloquea la anchura del botón en el CSS asociado y desea que el texto en el botón sea en 2 líneas, por ejemplo ..

Gracias de antemano!

+0

tal vez esto? http://stackoverflow.com/questions/7469088/html-can-i-display-button-text-in-multiple-lines/24411139#24411139 –

Respuesta

16
<input type="button" value="line &#10; break" /> 
+0

Para extender eso:

+0

OK! Exactamente lo que estaba buscando ! –

+0

Argh ... corrección, esto no funciona cuando trato de usarlo con un asp: control de botón y paso el valor de texto en el código detrás ... –

2

Puede usar el elemento < > elemento, que permite el estilo (y el ajuste de texto).

El único problema es que si tiene varios elementos de botón en la misma página, es posible que tenga problemas con IE6 al pasar los pares nombre/valor incorrectamente al servidor.

+0

Sí, solía usarlo pero, de hecho, la entrada es una asp: entrada elemento y tiene que permanecer así. Gracias ! –

+0

El estilo de los botones no está muy bien soportado, desafortunadamente. Suerte con ello. –

0

Esto funcionó para mí (usando Chrome, no probar otros navegadores):

myButton.Text = "Click \r\n me"; 
+0

Por cierto, eso es C#. Supuse que estás usando ASP.NET porque dijiste que lo usabas en un ASP: control de botones. Puedes hacer lo mismo si estás usando VB. –

0

Dividir el texto en el botón añadiendo donde desea romper la línea de la siguiente secuencia: \r\n Por ejemplo: <input type="submit" value="Line1\r\nLine2"> mostrará un botón de enviar con el título Línea1 en la parte superior de la Línea2.

Para principiantes: \r\n no se mostrará, pero utilizado por el navegador para comprender que quiere romper la línea; no es necesario dejar espacios vacíos a la izquierda o a la derecha de \r\n

Cuestiones relacionadas