user2045025
问问题
401 次
4 回答
1
尝试 ：
<table class="table" style="margin-left: 160px; width: 100%;">
另外，请记住这<tables>不是“响应式”（在“重新布局”中），但仍然是“可扩展”。
您的表格以最小宽度显示，您看不到最后一列是正常的，它溢出了视口。
于 2013-02-12T18:37:32.533 回答
0
我假设你已经width: 100%在你的桌子上设置了，那就是你的问题，它们被设置为窗口的宽度，然后向右移动，所以你看不到最后一列，你应该将宽度更改为较低的值。
于 2013-02-12T18:35:02.443 回答
0
你在这里有几个问题。
首先，您已经为表格定义了固定宽度。根据在祖先元素上设置溢出属性的方式，它可能会导致您描述的剪辑，因为该元素对于该空间来说太宽了。目前尚不清楚您希望这些元素有多宽，但这样的事情可以解决问题：
table.brown {
min-width: 80%; /* or just plain `width: 80%` */
}
最终，您将无法调整大小，因为表格的内容根本不允许这样做。一旦您的单元格缩小到 1 个字宽，您就无法在不添加word-break: break-all.
其次，如果你想将它推向一个特定的方向，你想为你的边距使用不同的设置。使用auto作为 margin-left 的值会导致元素一直向右移动。
table.brown {
margin-left: auto;
}
于 2013-02-12T22:24:34.610 回答
0
CSS 太多了，我什至无法尝试和理解。我认为从头开始只使用一个表格，然后逐渐添加 CSS 将是一个好主意。
于 2013-02-12T18:45:35.333 回答