ข้อความต้นฉบับ : ทั้งหมดเกี่ยวกับโฟลต
การแปล : เกี่ยวกับชีวิตลอยกระทงในอดีตและปัจจุบัน
สงวนลิขสิทธิ์ โปรดระบุแหล่งที่มาเมื่อพิมพ์ซ้ำ ขอบคุณ! -
ลอยคืออะไร?
Float เป็นคุณสมบัติการวางตำแหน่งของ css เราสามารถดูการออกแบบตัวอักษรเพื่อทำความเข้าใจต้นกำเนิดและบทบาทของการออกแบบตัวอักษรได้ ในเค้าโครงการพิมพ์ ข้อความสามารถล้อมรอบรูปภาพได้ตามต้องการ โดยทั่วไปวิธีนี้เรียกว่า "การตัดข้อความ"
นี่คือตัวอย่าง:
ในซอฟต์แวร์เรียงพิมพ์ กล่องข้อความสามารถตั้งค่าให้อนุญาตการจัดวางรูปภาพและข้อความแบบผสม หรือละเว้นก็ได้ ไม่มีการผสมข้อความเป็นรูปภาพจะทำให้ข้อความปรากฏที่ด้านบนของภาพราวกับว่าไม่ได้อยู่ตรงนั้นด้วยซ้ำ นี่คือความแตกต่างระหว่างว่ารูปภาพเป็นส่วนหนึ่งของโฟลว์เพจหรือไม่ การออกแบบเว็บคล้ายกันมากกับสิ่งนี้
ในการออกแบบเว็บ องค์ประกอบของหน้าที่ใช้แอตทริบิวต์ float ของ CSS จะเหมือนกับรูปภาพที่ล้อมรอบด้วยข้อความในรูปแบบตัวพิมพ์ องค์ประกอบแบบลอยยังคงเป็นส่วนหนึ่งของโฟลว์ของหน้าเว็บ นี่เป็นข้อแตกต่างที่สำคัญเมื่อเทียบกับการใช้องค์ประกอบของหน้าในตำแหน่งที่แน่นอน องค์ประกอบของหน้าที่อยู่ในตำแหน่งที่แน่นอนจะถูกลบออกจากโฟลว์ของหน้า เช่นเดียวกับกล่องข้อความในเค้าโครงการพิมพ์ที่ถูกตั้งค่าให้ละเว้นการตัดหน้า องค์ประกอบที่อยู่ในตำแหน่งที่แน่นอนจะไม่ส่งผลกระทบต่อองค์ประกอบอื่นๆ และองค์ประกอบอื่นๆ จะไม่ส่งผลกระทบต่อองค์ประกอบนั้น ไม่ว่าจะอยู่ติดกับองค์ประกอบอื่นๆ หรือไม่ก็ตาม
ตั้งค่าทศนิยมด้วย CSS บนองค์ประกอบดังนี้:
#sidebar { ลอย: ขวา;
แอตทริบิวต์ fload มีค่าที่ใช้ได้สี่ค่า: ซ้ายและขวาลอยองค์ประกอบไปตามทิศทางตามลำดับ ไม่มี (ค่าเริ่มต้น) ทำให้องค์ประกอบไม่ลอย และสืบทอดจะได้รับค่าลอยจากองค์ประกอบหลัก