CSS가 인라인 블록 요소 내에서 줄 바꿈을 강제할 수 있나요?

인라인 블록 요소 내 CSS 줄바꿈 삽입

이 경우 특정 인라인 블록 다음에 강제로 줄바꿈을 적용하고 싶습니다. 부동 소수점, 고정 너비 블록 또는 디스플레이:테이블 셀을 사용하지 않는 요소입니다. 이 질문은 CSS를 사용하여 인라인 콘텐츠 내에 줄 바꿈을 삽입할 수 있는 이론적 가능성에 대해 탐구합니다.

문제

제공된 HTML 및 CSS를 고려할 때 과제는 다음을 만드는 것입니다. 유효하지 않은 구문이나 특정 레이아웃 기술을 사용하지 않고 목록 항목의 세 열.

잠재적 해결 방법

의사 요소 다음에 CSS를 사용하여 접근 방식을 시도했습니다.

li:nth-child(4):after { content:"xxx"; display:block }

그러나 원하는 결과가 나오지 않았습니다.

답변

제공된 정보에 따르면 이후 강제로 줄바꿈을 하는 것은 불가능합니다. 순수 CSS를 사용하는 특정 인라인 블록 요소. 이는 인라인 블록 요소가 본질적으로 나란히 배치되어 있기 때문입니다. 원하는 레이아웃을 얻으려면 float 또는 display:table-cell과 같은 대체 방법을 사용해야 합니다.

위 내용은 CSS가 인라인 블록 요소 내에서 줄 바꿈을 강제할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!