我只是想将此表格与左侧对齐,但我不能。我尝试将左对齐添加到 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;
}
我只是想将此表格与左侧对齐,但我不能。我尝试将左对齐添加到 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;
}
.grid {
padding: 20px 20px 100px 20px;
max-width: 1300px;
list-style: none;
}
首先,填充缺少p
in 100x
,应该是100px
其次,不需要margin: 0 auto
,如果margin-left & right是auto,它将使ul居中。
最后,(可选)此布局中不需要text-align
。
请试试这个:
.grid {
padding: 20px 20px 100x 20px;
max-width: 1300px;
margin: 0 auto;
list-style: none;
}