วิธีสร้างการจัดตำแหน่งคอนเทนเนอร์ ซ้าย-ขวา ด้วย CSS Flex

ไวยากรณ์

ไวยากรณ์ของคุณสมบัติ CSS flex มีดังนี้ -

ตัวเลือก { flex:/*value*/}

ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติ CSS flex

ตัวอย่าง

     
 
ซ้าย
 
ขวา
 
  

 สิ่งนี้ให้ผลลัพธ์ต่อไปนี้
 

 
 
ตัวอย่าง
 
     
      
 
 

 สิ่งนี้ให้ผลลัพธ์ต่อไปนี้