Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使表(datatable)左对齐?_Html_Css_Datatable_Html Table - Fatal编程技术网

Html 如何使表(datatable)左对齐?

Html 如何使表(datatable)左对齐?,html,css,datatable,html-table,Html,Css,Datatable,Html Table,给定以下代码,如何在不使用float:left的情况下左对齐表格?我认为将text align:left应用于表的父元素可以完成这项工作,但事实并非如此 HTML: 嗯,这可能行得通 position:absolute; z-index:2; left:50%; top:50%; 根据您希望表格的位置编辑左侧和顶部的百分比。table.display{ table.display { width: 60%; margin: 0; /* <- works for me

给定以下代码,如何在不使用
float:left
的情况下左对齐表格?我认为将
text align:left
应用于表的父元素可以完成这项工作,但事实并非如此

HTML:

嗯,这可能行得通

position:absolute;
z-index:2;
left:50%;
top:50%;
根据您希望表格的位置编辑左侧和顶部的百分比。

table.display{
table.display {
    width: 60%;
    margin: 0;  /* <- works for me this way ****/
}
宽度:60%;
边距:0;/*更改HTML文件中的以下行。将左边距设置为0

.main-container {
  max-width: 940px;
  margin-left: 0;
  margin-right: auto;
}
table.display {
    width: 60%;
    margin: 0;  /* <- works for me this way ****/
}
.main-container {
  max-width: 940px;
  margin-left: 0;
  margin-right: auto;
}