如何将复选框放置在表格单元格的中心？

通过使用普通的 CSS 样式表或在引导程序的帮助下，可以将复选框放置在表格单元格的中心。在这里，我们将看到使用纯 CSS 将复选框居中放置在表格单元格中的不同方法。

方法一：

在此方法中，我们使用 display FlexBox 属性将复选框居中放置在表格的单元格中。

注意：此方法不会使checkbox后面的文本被当成块元素，check后输入的文本是可见的

例子：

  
  
  



  
  
  
    
  
      
      
  
    
  
    
      
      
    
  
Geeks for Geeks
Geeks for Geeks

        
      

        
      
    

输出：

方法二：

在此方法中，我们将使用 CSS 的 Text align center 属性将复选框中的复选框居中。

注意：此方法将使表格的 td 中的所有内容居中。

例子：

  
  
  



  
    
      
      
    
    
      
      
    
  

        Geeks for Geeks
      

        Geeks for Geeks
      

        
      

        
      
    

输出：