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