表适合而不是缩小

Question

我可以接受任何bbcode，解析它并将其放在论坛广告区域而不需要太多修改。自从几个月前我改变了广告区域以来，广告区域现在往往会完全搞砸这样的广告。它似乎在大多数元素之间插入换行符。

所以，我想在没有任何javascript的情况下做这样的事情，使用类而不是IDS和有效的XHTML 1.0 Transitional

How it should look

但它应该看起来错误缩小

wrong scale down

按比例缩小测试网站

  

scaledown wsrong.esy.es/index.html（删除空间）

任何人都可以帮助我。

Answer 1

这是因为您的测试页中定义了一个类，它将min-width:100%和display:inline-block;应用于您的表格单元格：

.APNFQEmuvdnRbBnOdYJEyg table,.APNFQEmuvdnRbBnOdYJEyg tbody,.APNFQEmuvdnRbBnOdYJEyg tr,.APNFQEmuvdnRbBnOdYJEyg td {
  display:inline-block; max-width:100%; min-width:100%; overflow:hidden
}

因此，您应该阻止将该类应用于您的表或编辑该样式类（在第30行）

或以某种方式通过添加如下所示的新类来覆盖它：

.noMinWidth tr, .noMinWidth td { min-width:0; }

并将其应用于包含代码的父行

<tr class="APNFQEmuvdnRbBnOdYJEyg noMinWidth"> ...

注意：我看到您使用<tr class="APNFQEmuvdnRbBnOdYJEyg" style="min-width: initial;">作为包含代码的父行，但APNFQEmuvdnRbBnOdYJEyg类也将应用于tr中的所有td个单元格，这些单元格会覆盖min-width: initial;样式集。