📜  顺风 CSS 浮动

📅  最后修改于: 2022-05-13 01:56:49.485000             🧑  作者: Mango

顺风 CSS 浮动

此类在顺风 CSS 中接受多个值。它是 CSS 浮动属性的替代方案。 float 类定义了内容流,用于控制元素周围的内容包装。

浮动类:

  • 向右浮动
  • 向左飘浮
  • 浮动-无

float-right:该类用于使元素浮动在容器的右侧。

句法:

...

例子:

HTML
 
    
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS float Class      
         

How many times were you frustrated while looking out         for a good collection of programming/algorithm/interview        questions? What did you expect and what did you get?         This portal has been created to provide well written,         well thought and well explained solutions for selected         questions. An IIT Roorkee alumnus and founder of         GeeksforGeeks. He loves to solve programming problems        in most efficient ways. Apart from GeeksforGeeks, he         has worked with DE Shaw and Co. as a software developer         and JIIT Noida as an assistant professor.It is a good         platform to learn programming. It is an educational         website. Prepare for the Recruitment drive of product         based companies like Microsoft, Amazon, Adobe etc with        a free online placement preparation course.

  
    


HTML
 
 
      
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS float Class      
         

How many times were you frustrated while looking out         for a good collection of programming/algorithm/interview        questions? What did you expect and what did you get?         This portal has been created to provide well written,         well thought and well explained solutions for selected         questions. An IIT Roorkee alumnus and founder of         GeeksforGeeks. He loves to solve programming problems        in most efficient ways. Apart from GeeksforGeeks, he         has worked with DE Shaw and Co. as a software developer         and JIIT Noida as an assistant professor.It is a good         platform to learn programming. It is an educational         website. Prepare for the Recruitment drive of product         based companies like Microsoft, Amazon, Adobe etc with        a free online placement preparation course.

  
    


HTML
 
    
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS float Class      
         

How many times were you frustrated while looking out         for a good collection of programming/algorithm/interview        questions? What did you expect and what did you get?         This portal has been created to provide well written,         well thought and well explained solutions for selected         questions. An IIT Roorkee alumnus and founder of         GeeksforGeeks. He loves to solve programming problems        in most efficient ways. Apart from GeeksforGeeks, he         has worked with DE Shaw and Co. as a software developer         and JIIT Noida as an assistant professor.It is a good         platform to learn programming. It is an educational         website. Prepare for the Recruitment drive of product         based companies like Microsoft, Amazon, Adobe etc with        a free online placement preparation course.

  
    


输出:

float-left:该类用于使元素浮动在容器的左侧。

句法:

...

例子:

HTML

 
 
      
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS float Class      
         

How many times were you frustrated while looking out         for a good collection of programming/algorithm/interview        questions? What did you expect and what did you get?         This portal has been created to provide well written,         well thought and well explained solutions for selected         questions. An IIT Roorkee alumnus and founder of         GeeksforGeeks. He loves to solve programming problems        in most efficient ways. Apart from GeeksforGeeks, he         has worked with DE Shaw and Co. as a software developer         and JIIT Noida as an assistant professor.It is a good         platform to learn programming. It is an educational         website. Prepare for the Recruitment drive of product         based companies like Microsoft, Amazon, Adobe etc with        a free online placement preparation course.

  
    

输出:

float-none:该类用于使元素在默认位置浮动。我们正在使用中心标签,因此图像被放置在中心。

句法:

...

例子:

HTML

 
    
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS float Class      
         

How many times were you frustrated while looking out         for a good collection of programming/algorithm/interview        questions? What did you expect and what did you get?         This portal has been created to provide well written,         well thought and well explained solutions for selected         questions. An IIT Roorkee alumnus and founder of         GeeksforGeeks. He loves to solve programming problems        in most efficient ways. Apart from GeeksforGeeks, he         has worked with DE Shaw and Co. as a software developer         and JIIT Noida as an assistant professor.It is a good         platform to learn programming. It is an educational         website. Prepare for the Recruitment drive of product         based companies like Microsoft, Amazon, Adobe etc with        a free online placement preparation course.

  
    

输出: