HTML/CSS自动宽度小格内的表溢出可见

我有一个小的宽度和溢出可见一个div。我有一个更大的表格中，只有一个小区，而文本中：HTML/CSS自动宽度小格内的表溢出可见

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

我想表格的宽度设置为automotically文本的宽度，但不破坏线。即我想有相同的结果，如果我只所著我会：

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

我怎样才能设置表为不是“最小宽度的”不指定一个精确witdh？

来源

2013-09-27 Hentold

请加你的CSS，它不是那么清楚，你想达到什么。也许'white-space：nowrap;'在表单元格上可能会有所帮助。但是你究竟想要解决什么？这看起来不像表格数据，所以使用表格不是最佳选择。如果你解释一下你的真实目标，也许我们可以找到一个简单的解决方案。 – insertusernamehere

你想达到什么有点不清楚......您是否在寻找'分钟，width'，即'最小宽度：100像素;'？ – kunalbhat

从代码片断我不确定为什么你需要的表可言，为什么不直接使用div标签，虽然我怀疑你有一个原因，目前还不清楚在这里，但更多信息将是有益的 – ConfusedShark

我认为你的答案就在这里：Object larger than outside div

它采用绝对去除周围的容器的规定位置。然后是定位问题，但您可以通过设置左侧和顶部CSS规则来解决这个问题。 "white-space:nowrap;"工程，以及：

jsfiddle example

<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>

编辑

如上通过 “insertusernamehere” 中评论说。

注：

表是不使用的最好的事情。使用DIV并设置`“float：left/right;” CSS样式，以便他们模仿表格。这是比较容易的代码（至少对我来说，这需要一些时间，在使用第一。），但它更浏览器友好的，你有更多的空间发挥。

来源

2013-09-27 15:32:31 JakeMoz

HTML/CSS自动宽度小格内的表溢出可见

回答

相关问题