HTML/CSS自动宽度，用于较小div内的表格，溢出可见

我有一个小的宽度和溢出可见的div。我有一个较大的表格，里面只有一个单元格和一个文本：

<div style="overflow:visible;width:0px;">
  <table> 
    <tr>
      <td style="border:solid">
         A small text with spaces...
      </td>
    </tr>
  </table>
</div>

带空格的小文本。。。

我希望表格的宽度自动设置为文本宽度，但不断线。i、 e.如果我只写了以下内容，我希望得到与我相同的结果：

<table> 
  <tr>
    <td style="border:solid">
       A small text with spaces...
    </td>
  </tr>
</table>

带空格的小文本。。。

---

如果不指定精确的witdh，如何将表格设置为“最小宽度”？

我想您的答案如下：

它使用绝对位置来删除其周围容器的规定。一个问题是定位，但是您可以通过设置左侧和顶部CSS规则来解决这个问题

带空格的小文本。。。
带空格的小文本。。。

编辑

正如“insertusernamehere”在上面的评论中所说：

“空白：nowrap；”

同样有效

注意：

---

桌子不是最好用的东西。使用DIV并设置`“float:left/right；”CSS样式，以便它们模拟表格。编写代码更容易（至少对我来说，一开始需要一些时间来适应），但它更便于浏览器使用，而且您有更多的空间使用。

请添加您的CSS，它不太清楚您想要实现什么。可能

空白：nowrap可能会有所帮助。但你到底想解决什么问题呢？这看起来根本不像表格数据，所以使用表格并不是最好的选择。如果你稍微解释一下你真正的目标，也许我们可以找到一个简单的解决方案。对你想要实现的目标有点不清楚。。。您正在寻找
最小宽度
，即
最小宽度：100px？从代码片段中，我不确定您为什么需要该表，为什么不使用div标记呢？虽然我怀疑您有一个不清楚的原因，但更多信息会很有用
<div style="overflow:visible;width:0px;">
     <table> 
     <tr>
     <td style="border:solid;position:absolute;">
         A small text with spaces...
      </td>
    </tr>
  </table>
</div>
<div style="overflow:visible;width:0px;padding-top:30px;">
  <table> 
    <tr>
      <td style="border:solid;white-space:nowrap;">
         A small text with spaces...
      </td>
    </tr>
  </table>
</div>