如何用CSS缩进数据表？

Question

我正在尝试缩进表格中的某些数据。

我目前使用的课程是：

.table tbody tr.table-indent{
    padding-left:50px solid #bdbdbd;
}

它似乎不适用于填充，边距或边框。我怎么能正确地做到这一点？

Answer 1

这里有几个问题：

1. 您的代码有一些语法错误。它应该是这样的：

   .table tbody tr.table-indent{
       padding-left:50px;
   }
   

如果你想在你的行上也有边框：

    .table tbody tr.table-indent{
        padding-left:50px 
        border: 1px solid #bdbdbd;
    }

1. 您应该在表格单元格而不是行上添加填充：

   .table tbody tr.table-indent td:first-child{
       padding-left:50px        
   }
   

：first-child选择器将只捕获每行的第一个单元格。