2011-03-11 25 views
13

Estaba usando un LinkButton y tenía mucho texto, lo que lo hacía bastante largo. Esto estuvo bien ya que LinkButton envolvió el texto en la siguiente línea cuando se quedó sin espacio.Ajustar texto dentro de un asp: Botón

Luego cambié esto a un botón asp estándar: y el problema es que el texto no se ajusta, el botón se vuelve tan largo como el texto. Esto es un problema porque obliga al contenedor en el que está dentro a ser más largo de lo que pretendía.

¿Hay alguna manera de hacer que el texto del botón se ajuste?

Respuesta

31

Puede hacerlo mediante el establecimiento de una anchura y la propiedad CSS white-space: normal:

Esto va en su <head>

<style type="text/css"> 
    .wrap { white-space: normal; width: 100px; } 
</style> 

Y el botón:

<asp:Button ID="btn" runat="server" Text="some really breally long text that I want to wrap" CssClass="wrap" /> 
+1

Gracias wsanville, justo lo que necesitaba. ¡Brillante! –

0

Debería poder establecer un ancho en el botón asp: (ancho = 100) y eso debería obligar al texto a ajustarse.

+5

No, eso solo trunca el texto –

3
<asp:Button ID="btn" runat="server" Text="some really breally long &#010; text that I want to wrap" /> 

Esta pregunta ha sido útil y quería señalar si queremos romper el texto en un punto específico que podría también mediante la adición de la en el valor de texto.

También marqué la respuesta de wsanville como útil.

+2

He descubierto, para mi consternación, que IE10 ignora estos caracteres. * sadface * –

+0

En FF 50 también se ignora – Jcorretjer

Cuestiones relacionadas