CSS如何在侧边栏内对齐文本

Question

好吧，我有侧边栏，但侧边栏内的文字（在我的情况下表格中）并没有像我想要的那样对齐。 从一个.php我打电话给另一个侧边栏，如下：

<div id="sidebar2"> <?php include("tiket.php");?></div>

这是侧边栏的CSS：

#sidebar2 {
    width: 240px;
    float: right;
    padding: 40px;
    background: #264988;
    color: #e1d2c7;
    margin: 5px;
    text-align:justify;
}

它的外观如下：

如何将文字放在侧边栏的左侧？

Answer 1

如果您向我们提供了侧边栏的完整源代码，或者告诉我们它所在的位置，那将会有很大帮助。

我认为文本未与左对齐的原因是因为您输入了text-align:justify;。 删除该行。

#sidebar2 {
    width: 240px;
    float: right;
    padding: 40px;
    background: #264988;
    color: #e1d2c7;
    margin: 5px;
}

justify所做的是将文本均匀地展开，如果您没有太多文字，这可能无益。

Answer 2

您可以使用CSS3嵌套

#sidebar2 table {
    text-align: left;
}

你可以在这里阅读更多相关信息 https://www.w3schools.com/css/css_combinators.asp