저는 WordPress용 제품 태그 플러그인을 작업 중이며 다음을 수행했습니다.
이미지에 표시되는 출력 코드는 다음과 같습니다.
으아악배지에는 다음과 같은 CSS가 있습니다:
으아악배지의 왼쪽 아래 또는 오른쪽 위치가 아래가 아닌 제품 이미지 끝 부분에 배치되기를 원합니다. 현재 CSS를 사용하여 "장바구니에 추가" 버튼 옆 맨 아래에 배치할 수 있습니다. 일부 요소를 기준으로 위치를 설정하기 위해 중단점을 추가하려고 시도했지만 작동하지 않았습니다. 내가 어떻게 이것을 달성할 수 있는지 아시나요?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
JavaScript가 아닌 CSS를 사용하여 이 작업을 수행하는 유일한 방법은 HTML 마크업을 변경하는 것입니다.
img요소를 감싸고 그 안에 배지 요소를 넣어야 합니다.