L'attributo 'nowrap' è considerato obsoleto. Si consiglia un nuovo costrutto. Che cos'è?

Question

Ricevo un errore quando si compila questo all'interno di una pagina ASPX utilizzando Visual Studio 2010:

<td valign="top" nowrap width="237"> 

Il messaggio di errore è

"Attribute 'nowrap' is considered outdated. A newer construct is recommended."  

Qual costrutto è il messaggio di errore riferiva? E si comporta esattamente come 'nowrap'?

Answer 1

È possibile utilizzarlo in questo modo, spero che non si ottenga un messaggio obsoleto ora.

<td valign="top" style="white-space:nowrap" width="237"> 

Come sottolineato da @ThiefMaster si raccomanda di mettere width e valign ai CSS (nota: CSS chiama vertical-align).

1)

<td style="white-space:nowrap; width:237px; vertical-align:top;"> 

2) Possiamo fare una classe CSS come questo, è più elegante modo

Nella sezione stile

.td-some-name 
{ 
    white-space:nowrap; 
    width:237px; 
    vertical-align:top; 
} 

Nella sezione HTML

<td class="td-some-name"> 

Answer 2

Anche se il CSS definisce una proprietà text-wrap, non è supportato da alcun browser principale, ma probabilmente la proprietà white-space ampiamente supportata risolve il problema.

Answer 3

Ci sono diversi ways to try to prevent line breaks e la frase "un nuovo costrutto" potrebbe riferirsi a più di un modo, che in realtà è l'interpretazione più ragionevole. Probabilmente pensano principalmente alla dichiarazione CSS white-space:nowrap e possibilmente al carattere di spazio senza interruzioni. I diversi modi sono non equivalenti a, lontano da quello, sia in teoria che in pratica, anche se in qualche caso specifico, diversi modi potrebbero produrre lo stesso risultato.

Probabilmente non c'è nulla di reale da ottenere passando dall'attributo HTML al modo CSS un po 'più rozzo, e sicuramente si perderà quando i fogli di stile saranno disabilitati. Ma anche l'attributo nowrap non funziona in tutte le situazioni. In generale, ciò che funziona più ampiamente è il markup nobr, che non ha mai fatto la sua strada verso le specifiche ma è vivo e vegeto: <td><nobr>...</nobr></td>.

Answer 4

Se HTML e utilizzano il bootstrap hanno un helper class.

<span class="text-nowrap">1-866-566-7233</span>