如何使用Bootstrap将表格文本放到中心？

表格使我们能够汇总大量数据，并以清晰有序的方式呈现它们。基本的Bootstrap表具有浅色填充物，并且只有水平分隔物。基类是任何表的.table ，添加后，我们可以使用自定义样式或各种包含的修饰符类将其扩展到表中以用于设计目的。

使用Bootstrap将表中的文本放置在中心：默认情况下， 元素中的文本始终是规则的并且左对齐。

我们必须基本上处理元素。

可以有两种方法：

1. 通过添加text-align：center;在tds的CSS代码中。
2. 通过将Bootstrap 3的“ text-center”类添加到td元素，也可以立即使用。

• 通过在CSS代码中添加text-align：center

  text-align属性指定元素中文本的水平对齐方式。因此，在我们的CSS代码中，我们只需将tds的text-align属性设置为中心，然后将表文本放置在中心。

  .table td {
  text-align: center;
  } 
  

  例子：

  
  
  
  
  
  
  
  
    
      
      
    
    
      
      
      
    
  Name
  Contact Numbers
  Pawan Kumar
  1234567890
  0987654321
  
    
  
    
  
  

  

• 通过添加Bootstrap 3的“ text-center”类

  我们可以将引导程序3的“文本中心”类用于元素的中心对齐。因此，在td中，当我们添加“ text-center”类时，然后我们的表文本将移到中心。

  .......
  

  例子 ：

  Page Title
  
  
    
  
  
    
  
  
  
  table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
      
  }
  
  
  
  
    
      
      
    
    
      
      
      
    NameContact NumbersPawan Kumar12345678900987654321