javascript - CSS 레이아웃 문제가 있습니다. flex를 사용할 수 있습니다.

Question

• 이제 디자인 초안은 다음과 같습니다. 세로 및 가로 중앙에 1~6자를 지원합니다.

• 텍스트와 그림은 모두 읽기 인터페이스를 통해 얻습니다.

• 여기서 난이도가 나옵니다. 4자가 있으면 2자가 포장됩니다. 6자가 있으면 3자가 포장됩니다. 텍스트 영역의 범위를 제한하는 경우 먼저 상위 3자, 그 다음 하위 2자여야 합니다.
  이 문제를 해결하는 데 도움을 줄 수 있는 레이아웃 마스터가 있나요?

Answer 1

텍스트를 처리하려면 이 함수를 호출하세요

으아아아

Answer 2

텍스트와 사진은 모두 인터페이스에서 가져왔습니다

그럼 js에서 직접 논리적 판단을 하고, 왜 CSS를 이용해 해결해야 할까요

Answer 3

스타일 설정

으아아아

그런 다음 검색된 데이터에서 텍스트의 길이가 2보다 큰 경우 두 번째 텍스트 뒤에 <br> 줄 바꿈 문자를 추가하세요.

Answer 4

텍스트 p 크기를 별도로 설정하려면 수직 및 수평으로 플렉스를 사용하세요

Answer 5

js에 개행 문자 추가

Answer 6

wrap-reverse는 첫 번째 줄과 두 번째 줄을 반전할 수 있습니다