左对齐表格

时间:2013-10-11 02:40:29

标签: javascript html css

我只是想把这个表格对齐到左侧,但我不能。我已经尝试将左对齐添加到CSS的某些部分,但没有。如果你还可以解释我如何将我的表格左对齐以供将来参考。

这是JSFiddle:http://jsfiddle.net/7jW8y/5/embedded/result/

这是CSS:

.grid {
padding: 20px 20px 100x 20px;
max-width: 1300px;
margin: 0 auto;
list-style: none;
text-align: center;
}

3 个答案:

答案 0 :(得分:2)

.grid {
    padding: 20px 20px 100px 20px;
    max-width: 1300px;
    list-style: none;
}

首先,填充缺少p中的100x,应为100px

第二,不需要margin: 0 auto,如果剩余边距为&对是自动。

最后,(可选)此布局中不需要text-align

答案 1 :(得分:1)

请试试这个:

    .grid {
        padding: 20px 20px 100x 20px;
        max-width: 1300px;
        margin: 0 auto;
        list-style: none;

        }

答案 2 :(得分:1)

除去

来自margin:0 auto课程的

max-width:1300px.grid并添加

width:930px

检查这个小提琴> http://jsfiddle.net/7jW8y/9/