컨테이너 밖으로 이미지가 살짝 튀어나오게 만들기

작성자

카테고리:

,

이미지를 컨테이너 바깥으로 튀어나오게 만들기

여기에 배경색이 있는 행을 추가하고 그 안에 이미지를 추가했습니다. 다음과 같습니다:

7a1ad1cd25 file 029qnDthFO컨테이너 위로 이미지가 “삐져나오게” 하려면 이동하려는 요소 위로 마우스를 가져갑니다. 그런 다음 외곽선이 나타나면 외곽선 위쪽 너머로 마우스를 이동합니다. 현재 상단 여백(margin) 값이 표시됩니다:

3bb498880e file FqLy7ZTTHD

상단 여백을 클릭하고 위로 드래그하여 여백을 줄이고 음수 값으로 만듭니다:

4a89f1e31e file Zm8Z0aOtCs

이제 이미지가 행 바깥으로 “삐져나왔습니다”!

요소가 행 너머로 벗어날 때 잘리는 경우, 해당 행의 속성 검사기(properties inspector)를 열고 Advanced 옵션에서 overflow hidden 옵션을 끕니다:

0787678afd file pUDej5DLsQ