Question

我不知道如何在列内将文本彼此对齐。我试过的是：

- CustomerID
- CustomerName
- CreatedDate
- Tier <-- all tier columns as a subgroup like when you group by
    - TierId
    - TierName

这是一个嵌套行，但我无法使其正常运行。如何将<div className="row"> <div className="col-md-3 property"> <div className="card shadow"> <img className="card-img-top" alt="Image 1" src={("./Components/Images/slide-image1.jpg")}></img> <div className="card-body"> <h5 className="card-title">Info</h5> <div className="row"> <div className="col-md-6"> <h3>$ 500</h3> </div> <div className="col-md-3"> <span className="badge badge-warning">Villa</span> </div> <div className="col-md-3"> <button className="btn btn-details btn-sm text">View Details</button> </div> </div> </div> </div> </div> </div>彼此对齐？

Answer 1

您不需要那些多余的列。只需将所有文本放入行中，然后将float: left放在元素上即可。

Answer 2

您可以添加此样式

style="text-align:center;"

如何将文本彼此对齐

2 个答案: