表适合且不按比例缩小

Question

我可以获取任何bbcode，解析它并将其放在论坛广告区域，而无需进行太多修改。自从几个月前我更改了广告区域以来，广告区域现在往往会完全弄乱此类广告。它似乎在大多数元素之间插入换行符。

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

过渡

它应该是什么样子

但它应该看起来是错误的缩小

错误地缩小

按比例缩小测试网站

缩小 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;样式。