代码之家  ›  专栏  ›  技术社区  ›  Julien

表的列需要保持在一行中(html/css/javascript)

  •  2
  • Julien  · 技术社区  · 14 年前

    所以我有个问题 my entrepreneur business opportunity rating matrix : 我想让收音机的按钮保持在同一条线上。 问题是,我不知道该如何处理,因为如果为单元格指定一个固定的最小宽度,我不确定它是否会在其他浏览器上正确显示,如果单元格太大,我会松开单选按钮的对齐方式。

    你们有没有一个CSS/javascript(jquery)技巧可以解决这个问题?

    谢谢你

    2 回复  |  直到 14 年前
        1
  •  5
  •   Chris Lercher    14 年前

    很简单:只需添加 white-space: nowrap; 给你的TD。

        2
  •  0
  •   Eineki    14 年前

    我会重新设计表格布局(注意这是一个快速而肮脏的解决方案),将按钮放在标签下面(您可以在较小的窗口中节省空间)。

    <tr class="even">
      <td rowspan="2">Customer atlernatives</td>
      <td class="col_g left-aligned">A lot</td>
      <td class="col_d right-aligned">Few</td>
    </tr>
    <tr class="even">
      <td class="col_m centered">
        <form method="post" action="action" class="bz_op_val">
          <input type="radio" value="4" name="38">
          <input type="radio" value="3" name="38">
          <input type="radio" value="2" name="38">
          <input type="radio" value="1" name="38">
          <input type="radio" value="0" name="38">
        </form>
      </td>
    </tr>
    

    对我来说,一个更好的解决方案应该是:

    <tr class="even">
      <td>Customer atlernatives</td>
      <td>
        <div class="col_g left-aligned">A lot</div>
        <div class="col_d right-aligned">Few</div>
        <form method="post" action="action" class="bz_op_val cleared-both-centered">
          <input type="radio" value="4" name="38">
          <input type="radio" value="3" name="38">
          <input type="radio" value="2" name="38">
          <input type="radio" value="1" name="38">
          <input type="radio" value="0" name="38">
        </form>
      </td>
    </tr>