So reservieren Sie Platz für reaktionsschnelle IMG (Stoppen Sie die Blöcke, die nach unten springen) ⇐ CSS

[Anonymous]

Wie löst ich ein Problem des Abspringens von Blöcken nach dem Bildlast, wenn das Bild reagieren sollte? Bildgröße < /li>
JS kann verwendet werden < /li>
< /ul>
Idee: < /p>
Wenn es ohne Bildgrößendaten nicht möglich ist, kann es dann nur mit dem Bildhöhe berechnet werden. Große Fenstergröße groß). src = "https://i.static.net/acya4.png"/>
HTML:

Code: Select all

import React from "react";
import "./styles.css";

const img =
"https://s3.amazonaws.com/images.seroundtable.com/google-css-images-1515761601.jpg";

export default function App() {
return (

[img]{img + `?${Date.now()}`} className=[/img]
I always jump down :(

);
}
< /code>
CSS: < /p>
.app {
box-sizing: border-box;
}
.img {
max-width: 100%;
}
h1 {
background-color: red;
}