Cosa devi fare per cambiare un grafico in linea un grafico galleggiante?

Stai chiedendo di cambiare come vengono visualizzate le immagini nello sviluppo web. Ecco come trasformare un grafico in linea in un grafico galleggiante:

Comprensione della differenza

* Inline Graphic: Un grafico in linea appare all'interno del flusso del testo, come una normale parola o carattere. È trattato come parte del contenuto di testo.

* Grafica galleggiante: Un grafico galleggiante è posizionato al di fuori del flusso del testo, consentendo al testo di avvolgerlo.

passi per modificare un grafico in linea in un grafico galleggiante

1. Aggiungi un contenitore: Se la tua immagine non ha un elemento del contenitore (come un `

`` `

2. Applica CSS: Usa CSS per applicare la proprietà `Float` all'immagine o al suo contenitore.

`` `CSS

.Image-container {

Float:a sinistra; /* o galleggia:a destra; */

larghezza:200px; / * Regola la larghezza secondo necessità */

}

`` `

* `float:a sinistra;` Posiziona l'immagine a sinistra, con testo che avvolge il lato destro.

* `float:a destra;` Posiziona l'immagine a destra, con testo che si avvolge attorno al lato sinistro.

* `Larghezza:200px;` Imposta la larghezza dell'immagine. Regola questo per adattarsi al tuo design.

Esempio:

`` `html

Questo è del testo prima dell'immagine.