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