มาร์กอัป: การจัดตำแหน่งรูปภาพ

on
Categories: มาร์กอัป

ยินดีต้อนรับสู่การจัดตำแหน่งภาพ! วิธีที่ดีที่สุดในการแสดงการขึ้นลงและการไหลของตัวเลือกการวางตำแหน่งภาพต่างๆ คือการวางตำแหน่งเหล่านั้นไว้อย่างแนบชิดท่ามกลางมหาสมุทรแห่งคำพูด หยิบไม้พายแล้วเริ่มกันเลย

ในหัวข้อการจัดตำแหน่ง ควรสังเกตว่าผู้ใช้สามารถเลือกจากตัวเลือกของ ไม่มีซ้ายขวา, และ ศูนย์. นอกจากนี้ พวกเขายังได้รับตัวเลือกของ ภาพขนาดย่อปานกลางใหญ่ & ขนาดเต็ม.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porta neque vitae molestie feugiat.

ภาพข้างบนนี้น่าจะเป็น เป็นศูนย์กลาง.

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua”

ส่วนที่เหลือของย่อหน้านี้เป็นส่วนเติมเต็มเพื่อให้เห็นข้อความล้อมรอบภาพขนาด 150×150 ซึ่งก็คือ จัดชิดซ้าย.

อย่างที่คุณเห็น ควรเป็นพื้นที่ด้านบน ด้านล่าง และด้านขวาของภาพ ข้อความไม่ควรเล็ดลอดไปบนภาพ การคืบคลานนั้นไม่ถูกต้อง รูปภาพก็ต้องการพื้นที่หายใจเช่นกัน ให้พวกเขาพูดเหมือนคุณ ปล่อยให้พวกเขาทำงานโดยไม่ต้องวุ่นวายกับข้อความ ในอีกประมาณหนึ่งประโยค เราจะเห็นว่าข้อความย้ายจากด้านขวาของภาพลงมาด้านล่างของภาพในลักษณะเปลี่ยนผ่านที่ราบรื่น . ให้พวกเขาพูดเหมือนคุณ ปล่อยให้พวกเขาทำงานโดยไม่ต้องวุ่นวายกับข้อความ ในอีกประมาณหนึ่งประโยค เราจะเห็นว่าข้อความย้ายจากด้านขวาของภาพลงมาด้านล่างของภาพในลักษณะเปลี่ยนผ่านที่ราบรื่น อีกครั้งปล่อยให้มันเป็นทาง ภารกิจเสร็จสมบูรณ์!

และตอนนี้สำหรับ ภาพขนาดใหญ่อย่างหนาแน่น. นอกจากนี้ยังมี ไม่มีการจัดตำแหน่ง.

รูปภาพด้านบนแม้ว่าจะกว้าง 1200px แต่ไม่ควรล้นพื้นที่เนื้อหา ควรคงอยู่โดยไม่มีการรบกวนการไหลของเนื้อหาที่มองเห็นได้

และตอนนี้เรากำลังจะเปลี่ยนสิ่งต่าง ๆ ไปที่ จัดชิดขวา. อีกครั้ง ควรมีพื้นที่ด้านบน ด้านล่าง และทางซ้ายของภาพมากพอ แค่มองเขาตรงนั้น… เฮ้ ผู้ชาย! วิธีที่จะโยกไปทางด้านขวา ฉันไม่สนใจว่ารูปภาพชิดซ้ายจะบอกว่าคุณดูดีแค่ไหน อย่าให้ใครมาบอกเป็นอย่างอื่น

ในระยะนี้ คุณจะเห็นข้อความเริ่มตัดใต้รูปภาพที่จัดชิดขวาและจัดเรียงอย่างสวยงาม ควรยังมีที่ว่างอีกมาก และทุกอย่างควรจะเรียบร้อยดี ใช่… แค่นั้นแหละ มันไม่เคยรู้สึกดีเลยที่จะถูก

และเมื่อคุณคิดว่าเราทำเสร็จแล้ว เราจะทำซ้ำอีกครั้งพร้อมคำบรรยาย!

ภาพข้างบนนี้น่าจะเป็น เป็นศูนย์กลาง. คำบรรยายยังมีลิงก์อยู่ด้วยเพื่อดูว่ามันทำอะไรขี้ขลาดหรือไม่

และนั่นคือบทสรุป โย่! คุณรอดชีวิตจากกระแสน้ำที่ปั่นป่วน ปลดล็อกความสำเร็จในการจัดตำแหน่งรูปภาพแล้ว!