2010-09-15 16 views
9

Desidero utilizzare un'etichetta multilinea ma poiché il controllo dipende dal browser, anche quando si impostano le proprietà altezza, larghezza e avvolgimento del controllo etichetta non riesco a visualizzare testo multilinea Non supporta ogni browser allo stesso modo.Etichetta multilinea in asp.net

+0

Di quale controllo stai parlando, esattamente? Come stai usando, cosa vedi, cosa ti aspettavi? –

risposta

12

Se si intende asp:Label, si risolve in un elemento span nell'output HTML. Non è né a linea singola né a più linee.

Definire una larghezza fissa per questo elemento e il testo verrà racchiuso in più righe quando è sufficientemente lungo.

<asp:Label runat="server" style="width:300px;"> 
+2

Non funziona per me. – etlds

+0

Si consiglia di usare 'CssClass' invece di in linea – SearchForKnowledge

3

Le etichette sono a riga singola per impostazione predefinita.

Ma se si desidera visualizzare più righe in una casella di testo, esiste un'opzione che potrebbe funzionare. non ho potuto ottenere autowrap al lavoro, ma se si vuole linea specifica interruzioni a verificarsi, quindi

label.text = string1 + "<br/>" + string2 + "<br/>" + string3; 

Può sembrare semplice, ma il C# Environment.Newline non ha funzionato in aspx. Solo il rendering del <br/> ha funzionato per me.

10

È possibile concatenare la stringa in asp:label con "<br/>" perché risulterà in html.

Per esempio:

label1.Text = strSample1 & "<br/>" & strSample2 

Se non si specifica la larghezza dell'etichetta, sarà automaticamente espandere la larghezza per adattarsi la stringa.

+0

Seguendo il tuo esempio questo ha funzionato per me: ' lblTest.Text = lblTest.Replace ("\ n", "
"); ' –

0

si può risolvere con "maximunsize" e proprietà dell'etichetta "AutoSize" e il problema è risolto:

<asp:Label runat="server" style="width:300px;" maximunsize="300px" autosize="true"> 
1
width ="...px" style="word-wrap:normal; " 

Se si vuole spezzare ultima parola se supera la larghezza poi style="word-wrap:break-word; " Puoi usa max-larghezza: ... px; sul tag di stile per essere sicuri che il word wrapping venga modificato se si modifica la larghezza in modo programmatico.