Schrek.fr

Attention cette article date depuis plus d'un an (550 jours).
Table des matières

De jolies images avec Hugo.

Minimal

{{< figure src="image.webp" width=200px >}}

Grande taille

{{/*< figure src="image.webp" title="Anita Austvika" caption="Photo de [Anita Austvika](https://unsplash.com/ko/@anitaaustvika) sur [Unsplash](https://unsplash.com/)"  width=800px alt="Anita Austvika" class="imagecenter" attrlink="https://unsplash.com/fr/photos/u9ZFCP8VuvU"*/>}}
Anita Austvika

Anita Austvika

Photo de Anita Austvika sur Unsplash

Images centrée

{{< figure src="image.webp" title="Anita Austvika" caption="Photo de [Anita Austvika](https://unsplash.com/ko/@anitaaustvika) sur [Unsplash](https://unsplash.com/)"  width=400px alt="Anita Austvika" class="imagecenter" >}}
Anita Austvika

Anita Austvika

Photo de Anita Austvika sur Unsplash

Images à droite

Anita Austvika

Anita Austvika

Photo de Anita Austvika sur Unsplash

"
{{< figure src="image.webp" title="Anita Austvika" caption="Photo de [Anita Austvika](https://unsplash.com/ko/@anitaaustvika) sur [Unsplash](https://unsplash.com/)"  width=400px alt="Anita Austvika" class="imageright" >}}

Le CSS

.imagecenter {
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.imageright {
    display: grid;
    align-items: right;
    justify-content: right;
    text-align: center;
}
.imageleft {
    display: grid;
    align-items: left;
    justify-content: left;
    text-align: center;
}

lien

https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes

Métadonnées

Posté le: 10.07.2023
Nombre de mots: 125
Temps de lecture: 1 minutes
Cet article fait partie de la série: Hugo