css - 表问题中的引导最大宽度内容

Question

img { max-width: 100%;

这是破坏内容，即图像在我的基于引导程序的模板中缩小 - 我无法理解为什么会这样。

内容是一个包含行和一些图标图像的表格，例如

<table>
  <tr class="sectiontableentry2 even" id="tree_row_26">
    <td align="center" valign="middle" width="20">4</td>

    <td id="jlms_step_26" valign="middle" width="20"><img alt="accept" border=
    "0" class="JLMS_png" height="16" src="../lms_images/toolbar/btn_accept.png"
    width="16"></td>

    <td align="center" valign="middle" width="16">
      <div style="text-align: center; vertical-align: middle">
        <span style="text-align:center;"><img alt="content" border="0" class=
        "JLMS_png" height="16" src=
        "http://demo1.bwood1.wok.catn.com/components/com_joomla_lms/lms_images/files/file_content.png"
        width="16"></span>
      </div>
    </td>

    <td align="left" colspan="1" valign="middle" width="100%"><a href=
    "javascript:seek_step_id=26;ajax_action('lpath_seek');">Automation
    criteria</a></td>
  </tr>
</table>

Answer 1

@_pier 的一个很好的解决方法是：

table td img { display: block; width: 100%; }

Answer 2

所有行的宽度加在一起大于表格的宽度。

只设置表格的宽度和固定宽度的列的宽度。

<table style="width: 100%">
  <tr class="sectiontableentry2 even" id="tree_row_26">
    <td align="center" valign="middle" width="20">4</td>

    <td id="jlms_step_26" valign="middle" width="20"><img alt="accept" border=
    "0" class="JLMS_png" height="16" src="../lms_images/toolbar/btn_accept.png"
    width="16"></td>

    <td align="center" valign="middle" width="16">
      <div style="text-align: center; vertical-align: middle">
        <span style="text-align:center;"><img alt="content" border="0" class=
        "JLMS_png" height="16" src=
        "http://demo1.bwood1.wok.catn.com/components/com_joomla_lms/lms_images/files/file_content.png"
        width="16"></span>
      </div>
    </td>

    <td align="left" colspan="1" valign="middle"><a href=
    "javascript:seek_step_id=26;ajax_action('lpath_seek');">Automation
    criteria</a></td>
  </tr>
</table>

http://jsfiddle.net/LqVyu/

下次，请询问“为什么会发生这种情况”或“我做错了什么”以防止被否决。因为这个问题本身是有效的。