Editor X: impostare il contenuto in eccesso di contenitori e sezioni
Tempo di lettura: 4 min.
Editor X sta passando a Wix Studio, la nostra nuova piattaforma per agenzie e freelancer.Scopri di più su Wix Studio
È possibile che il contenuto all'interno di un contenitore o di una sezione sia troppo grande e vada oltre i bordi. L'Editor X ti consente di decidere cosa succede al contenuto in eccesso su ogni punto di interruzione: puoi scegliere di mostrare il contenuto o ritagliare i bordi e nascondere le parti in eccesso.
![Esempio di contenitore con una casella di testo con contenuto in eccesso](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2020/03/03/0031588d-d30d-433e-a720-428de5b6b49a/0979ddaf-1d2d-4de3-b055-78565c800dd8.jpg)
In questo articolo, scoprirai come:
Suggerimento:
Il contenuto non fuoriesce dai bordi di un contenitore o di una sezione se l'altezza di questi elementi è impostata su Auto. Questo perché si ridimensionano automaticamente per adattarsi al contenuto.
Mostrare il contenuto in eccesso
Puoi scegliere di mostrare il contenuto in eccesso, anche se è troppo grande per adattarsi al tuo contenitore o sezione.
Nota:
Per impostazione predefinita, il contenuto in overflow è impostato su Mostra.
Per mostrare un contenuto in overflow:
- Clicca sul contenitore o sulla sezione pertinente
- Clicca sull'icona Impostazioni
nella parte superiore dell'Editor X
- Clicca sulla scheda Layout
- Seleziona Mostra dal menu a tendina Contenuto in eccesso
Nell'esempio seguente, puoi vedere che il testo in eccesso è ancora visibile:
![Esempio di contenitore con contenuto in eccesso impostato per essere mostrato: la casella con il testo in eccesso è completamente visibile](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/12/26/322ff0d1-7424-475e-8090-1191cb897621/51f761f0-f092-4c4a-bbe5-8d99cedbe5f5.png)
Nascondere il contenuto in eccesso
Puoi nascondere contenuti troppo grandi che fuoriescono da una sezione o da un contenitore. Il contenuto viene ritagliato in modo che non sia visibile ai visitatori.
Per nascondere un contenuto in overflow:
- Clicca sul contenitore o sulla sezione pertinente
- Clicca sull'icona Impostazioni
nella parte superiore dell'Editor X
- Clicca sulla scheda Layout
- Seleziona Nascondi dal menu a tendina Contenuto in eccesso
Nell'esempio seguente, puoi vedere che il testo in overflow è ritagliato ed è stato nascosto:
![Esempio di contenitore con contenuto in eccesso impostato per essere nascosto: la casella con il testo in eccesso viene ritagliata](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/12/26/de7e757b-a62a-41af-8b5f-d258007b93f6/f797bd25-31d2-465f-819e-c73a6aa4aadb.png)
Far scorrere il contenuto in eccesso
Aggiungi il contenuto che desideri a una sezione o a un contenitore e imposta il contenuto in eccesso in modo che sia mostrato tramite scorrimento. Puoi scegliere se aggiungere o meno una barra di scorrimento e impostare anche la direzione di scorrimento (verticale, orizzontale o entrambi).
Per far scorrere il contenuto in overflow:
- Clicca sul contenitore o sulla sezione pertinente
- Clicca sull'icona Impostazioni
nella parte superiore dell'Editor X
- Clicca sulla scheda Layout
- Seleziona Scorrimento dal menu a tendina Contenuto in eccesso
- Clicca sul menu a tendina Scorrimento e scegli se desideri impostare uno scorrimento verticale, orizzontale o entrambi
- Clicca sull'interruttore pertinente per mostrare o nascondere la barra di scorrimento
Nell'esempio seguente, i visitatori possono scorrere verso il basso per vedere il testo in eccesso:
![Esempio di contenitore con il contenuto in eccesso impostato sull'opzione Scorrimento: i visitatori utilizzano la barra di scorrimento per vedere la casella di testo che fuoriesce dal contenitore](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/12/26/47fb19ff-aaf1-4307-972b-39d1af6e9f74/8dca59c1-dde9-4277-9001-f02e10f5a695.png)
Hai trovato utile questo articolo?
|