Molto spesso capita di avere a disposizione una textarea o un div all'interno dei quali c'è un testo molto lungo. In questi casi spesso si tende a dare una dimensione fissa o percentuale per evitare che l'eccessiva lunghezza del testo renda la pagina meno accattivante per l'utente.
In questi casi può essere una buona idea lasciare la dimensione, ma permettere anche all'utente di ridimensionare gli elementi se lo desidera. Per permettere ad un elemento di essere ridimensionato dall'utente dobbiamo usare l'attributo CSS resize. Questo attributo può avere i valori horizontal, vertical e both che rispettivamente permettono all'utente di ridimensionare l'elemento in orizzontale, verticale e entrambi.
.resizable { width: 500px; height: 500px; border: 1px solid; resize: both; overflow: auto; }
Durante il ridimensionamento, il browser tiene in considerazione le proprietà CSS min-width, max-width, min-height e max-height e quindi non permette all'utente di ridimensionare oltre queste dimensioni.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire attività basate su eventi con Azure Container Jobs
Installare le Web App site extension tramite una pipeline di Azure DevOps
Migrare una service connection a workload identity federation in Azure DevOps
Eseguire una GroupBy per entity in Entity Framework
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Utilizzare database e servizi con gli add-on di Container App
Generare file per il download da Blazor WebAssembly
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Specificare il versioning nel path degli URL in ASP.NET Web API
Utilizzare la session affinity con Azure Container Apps
Ottimizzazione dei block template in Angular 17
Eseguire attività pianificate con Azure Container Jobs
I più letti di oggi
- Cambiare la chiave di partizionamento di Azure Cosmos DB
- ASP.NET 2.0 per tutti
- Definire stili a livello di libreria in Angular
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- .NET Conference Italia 2023 - Milano e Online
- Come EF 8 ha ottimizzato le query che usano il metodo Contains
- Ottimizzazione dei block template in Angular 17