javascript - Toutiao 사진 채널의 레이아웃 스타일을 구현하는 방법은 무엇입니까?

오늘의 터우탸오 사진 채널 toutiao.com/news_image

터우탸오의 이미지 레이아웃 스타일은 다음과 같습니다. 2개만 가로채서 랜덤 스타일(이미지 스타일 3개, 이미지 스타일 1개)인 것 같습니다

PHP를 사용하여 이를 구현하는 방법(또는 PHP를 사용하여 다양한 스타일을 출력하는 방법)은 언제 세 가지 이미지 스타일을 출력합니까? 하나의 이미지 스타일을 언제 출력합니까? 아니면 무작위로 출력합니까? 웹페이지 새로고침] )?

답글 내용:

오늘의 터우탸오 사진 채널 toutiao.com/news_image

터우탸오의 이미지 레이아웃 스타일은 다음과 같습니다. 2개만 가로채서 랜덤 스타일(이미지 스타일 3개, 이미지 스타일 1개)인 것 같습니다

PHP를 사용하여 이를 구현하는 방법(또는 PHP를 사용하여 다양한 스타일을 출력하는 방법)은 언제 세 가지 이미지 스타일을 출력합니까? 하나의 이미지 스타일을 언제 출력합니까? 아니면 무작위로 출력합니까? 웹페이지 새로고침] )?

사진은 세 가지 스타일로 구분됩니다. .small .middle .large
각 스타일은 너비와 높이가 고정되어 있습니다.
세 사진의 경우 .middle 스타일이 왼쪽에 떠 있고 .오른쪽 작은 스타일 2개 Floating
이미지 레이아웃은 이렇습니다

이런 불규칙한 그림 배열은 링크가 하나만 있으면 스크린샷을 찍어서 올려주시면 됩니다. 블록마다 링크가 있으면 그냥 불규칙하게 그려주시면 됩니다.