javascript - Wie implementiert man den Layoutstil des Toutiao-Bildkanals?

Der heutige Toutiao Picture Channel toutiao.com/news_image

Der Bildlayoutstil von Toutiao ist wie folgt: Ich habe nur zwei abgefangen, und es scheint sich um zufällige Stile zu handeln (3 Bildstile, 1 Bildstil)

Wie verwende ich PHP, um dies zu implementieren (oder wie verwende ich PHP, um verschiedene Stile auszugeben? Wann geben Sie drei Bildstile aus? Wann geben Sie einen Bildstil aus oder geben Sie ihn zufällig aus? [Die zufällige Ausgabe ändert sich im Allgemeinen, wenn Sie aktualisieren die Webseite]] )?

Antwortinhalt:

Der heutige Toutiao Picture Channel toutiao.com/news_image

Der Bildlayoutstil von Toutiao ist wie folgt: Ich habe nur zwei abgefangen, und es scheint sich um zufällige Stile zu handeln (3 Bildstile, 1 Bildstil)

Wie verwende ich PHP, um dies zu implementieren (oder wie verwende ich PHP, um verschiedene Stile auszugeben? Wann geben Sie drei Bildstile aus? Wann geben Sie einen Bildstil aus oder geben Sie ihn zufällig aus? [Die zufällige Ausgabe ändert sich im Allgemeinen, wenn Sie aktualisieren die Webseite]] )?

Die Bilder sind in drei Stile unterteilt, .small .middle .large
Jeder Stil hat eine feste Breite und Höhe
für die drei Bilder, der .middle-Stil schwebt auf der linken Seite und der .kleiner Stil zwei rechts Schwebend
Das Bildlayout ist so

Wenn es bei einer solchen unregelmäßigen Bildanordnung nur einen Link gibt, machen Sie einfach einen Screenshot und platzieren Sie ihn. Wenn es in jedem Block Links gibt, zeichnen Sie einfach Hotspots. Es ist sowieso unregelmäßig