Question

如何使这段CSS代码有效？

body {
width: $table.width();
}

我无法找到一种简单/简单的方法。

原因是我有一张桌子，那张桌子的宽度很大，但我不想手动输入xxxxx px，我希望它能自动将身体的宽度改为相同的表。如果我不改变宽度，表格的标题会获得更多行/高度以减少列数/宽度，以便我不断添加的标题适合身体。

我知道其他CSS预处理器，但我真的很想知道一种方法来做这个“CSS”，仅此而已。

P.S。：我目前使用http://codepen.io/pen。

编辑：据说不可能，我自己没有找到解决方案。不需要更多的帖子（主要是问题），除非有实际的解决方案，因为我不认为它会被发布，但是，只要它没有发布，任何人都可以发布它（我只是不回答但会检查）。

Answer 1

我个人会把桌子放在div里面。

这样，您可以将div的宽度设置为页面宽度，或任何指定的像素数/页面宽度百分比，然后将表格的宽度设置为100％。这假设您将视口语句设置为设备宽度。

HTML：

<div class = 'container'>
    <table class = 'tab'>
</div>

CSS：

.container{
    width = 1200px
}

.tab{
    width = 100%
}

Answer 2

我希望它自动将正文的宽度更改为与该表的相同

这是我的解决方案，Pure CSS

body {
  width: auto;
  height: auto;
  border: 2px solid red;
  display: inline-block;
}

table {
  width: 100px;
  height: 100px;
}

<body>
  <table>

  </table>
</body>

Answer 3

您需要使用javascript来提取表格的当前宽度

var width = document.getElementById('table').style.offsethwidth;

然后用AJAX调用函数，然后在样式中包含值。但是，您需要使用<table width="$width"</table>

为了能够提取宽度，您需要使用GET来调用变量。因此，你想要做的事情在技术上是不可能的，这是我能看到它完成的唯一方式。