การทำให้รูปภาพโผล่พ้นขอบคอนเทนเนอร์ของคุณ

เขียนโดย

ใน

,

การทำให้รูปภาพโผล่ออกมานอกคอนเทนเนอร์ของคุณ

ในที่นี้ ฉันได้เพิ่มแถวที่มีสีพื้นหลังและเพิ่มรูปภาพลงไปด้านใน ดังนี้:

7a1ad1cd25 file 029qnDthFOหากต้องการทำให้รูปภาพ “โผล่” ขึ้นมาเหนือคอนเทนเนอร์ ให้วางเมาส์เหนือองค์ประกอบที่คุณต้องการย้าย จากนั้นเมื่อเส้นขอบแสดงขึ้นมา ให้เลื่อนเมาส์เลยขอบด้านบนออกไป ซึ่งจะแสดงค่าระยะขอบด้านบนปัจจุบัน:

3bb498880e file FqLy7ZTTHD

คลิกและลากระยะขอบด้านบนขึ้นเพื่อลดระยะขอบของคุณ ทำให้เป็นค่าลบ:

4a89f1e31e file Zm8Z0aOtCs

ตอนนี้รูปภาพก็ “โผล่” ออกมานอกแถวแล้ว!

หากองค์ประกอบถูกตัดขาดเมื่อเลยออกไปนอกแถว ให้เปิดตัวตรวจสอบคุณสมบัติ (properties inspector) สำหรับแถวนั้น แล้วสลับปิดตัวเลือก overflow hidden ในตัวเลือก Advanced:

0787678afd file pUDej5DLsQ