需要幫助將表格居中放置在div容器中

Question

我正在為一個大學項目制作游戲點和框，但是我不知道如何在屏幕上居中放置游戲桌。 這就是現在的樣子。

表格和表格位於container-fluid div內。

form#difficulty {
    float: left;
    width: 30%;
}


table#tableid { 
    float: left;    
    margin: 0 auto;
    border-collapse: separate;
    border: 0px;
}

我已經搜索了幾個小時，但似乎什么都沒用，我很沮喪，不知道該怎么辦，嘗試了發現的所有內容，但沒有任何效果...無論如何，我如何保持桌子始終位於窗口中心它的大小？ 任何幫助，將不勝感激

Answer 1

我將其解釋為您有兩列，表格位於其中，左側為側欄，右側為主欄。

我所做的是向您展示如何具有兩列並將表居中放置在較大的第二列中。

https://jsfiddle.net/1v0L7x5j/

.container {
  width: 100%;
}

.col1 {
  float: left;
  width: 30%;
  text-align: center;
}

.col2 {
  float: left;
  width: 70%;
}

table {
  margin: 0 auto;
}

Answer 2

對於column_wrapper：

column_wrapper{
    margin: 0 auto;
}

對於列：

.col1{
   float: left;
   width: 30%;
}

.col2{
   margin-left: 30%;
}