需要帮助将表格放在div容器中

Question

我为大学项目制作游戏点和方框，但我无法弄清楚如何将游戏桌放在屏幕上。 This is how it looks like now.

表格和表格位于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/

ELSE 0.0

Answer 2

对于column_wrapper：

column_wrapper{
    margin: 0 auto;
}

对于列：

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

.col2{
   margin-left: 30%;
}