【问题标题】:Table to fit and not scale down适合而不缩小的表格
【发布时间】:2017-06-15 04:57:09
【问题描述】:

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

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

How it should look

但按比例缩小应该看起来不对

wrong scale down

按比例缩小测试网站

按比例缩小 wsrong.esy.es/index.html(删除空间)

谁能帮帮我。

【问题讨论】:

    标签: html css xhtml


    【解决方案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"> ...
    

    注意:我看到您使用 &lt;tr class="APNFQEmuvdnRbBnOdYJEyg" style="min-width: initial;"&gt; 作为包含您的代码的父行,但 APNFQEmuvdnRbBnOdYJEyg 类也将应用于您的 tr 内的所有 td 单元格,它会覆盖您设置的 min-width: initial; 样式。

    【讨论】:

      猜你喜欢
      • 2014-06-19
      • 2012-05-26
      • 2014-12-26
      • 2016-07-28
      • 2012-05-17
      • 2014-08-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多