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

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

css html javascript

Julien · 技术社区 · 16 年前

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

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

谢谢你

2 回复 | 直到 16 年前

Chris Lercher 16 年前

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

Eineki 16 年前

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

<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>

推荐文章