วิธีการลอยภาพไปทางขวาของข้อความ

บทแนะนำ 5 นาทีนี้อธิบายว่าอย่างไร

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

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

เริ่มต้นใช้งาน

ในการเริ่มต้นให้เขียนย่อหน้าและเพิ่มภาพตอนต้นของย่อหน้า ควรทำก่อนข้อความ แต่หลังจากแท็ก

):

ไม่เห็นด้วยกับการหลอกลวงใน voluptate Cupidatat ไม่ใช่ Proident, ut labore และ dolore magna aliqua. หลีกเลี่ยงการออกกำลังกายที่ไม่ได้รับการยกเว้น มีการใช้งาน Mollit anim id

จากนั้นเพิ่มแอตทริบิวต์ style ลงในรูปภาพและใช้คุณสมบัติ float:

สไตล์ Suni" = "ลอย: ถูกต้อง" />

ข้อความของคุณจะถูกจัดวางให้พอดีกับรูปเพื่อเพิ่มระยะขอบให้กับรูปภาพเพื่อให้สามารถอ่านได้ง่ายขึ้น:

ขอบ: 0 5px 0 0; " />

คุณสมบัติการชวเลขขอบใช้ระยะขอบในลำดับบนสุดขวาล่างและซ้าย ( TRBL )

ห่อ

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