Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
表的一列需要保持在一行中(HTML/CSS/Javascript)_Javascript_Html_Css - Fatal编程技术网

表的一列需要保持在一行中(HTML/CSS/Javascript)

表的一列需要保持在一行中(HTML/CSS/Javascript),javascript,html,css,Javascript,Html,Css,因此,我有一个问题: 我希望单选按钮保持在同一条线上。 问题是,我不知道应该如何处理,因为如果我给单元格指定一个固定的最小宽度,我不确定它是否会在其他浏览器上正确显示,如果单元格太大,我会松开单选按钮的对齐 你们有CSS/Javascript(jQuery)技巧可以解决这个问题吗 谢谢这很简单:只需添加空白:nowrap到您的td。我会重新设计表格布局(注意这是一个快速而肮脏的解决方案),将按钮放置在标签下方(在较小的窗口大小中可以节省空间) 顾客手册 很多 很少的 对我来说,更好的解决方案

因此,我有一个问题: 我希望单选按钮保持在同一条线上。 问题是,我不知道应该如何处理,因为如果我给单元格指定一个固定的最小宽度,我不确定它是否会在其他浏览器上正确显示,如果单元格太大,我会松开单选按钮的对齐

你们有CSS/Javascript(jQuery)技巧可以解决这个问题吗


谢谢

这很简单:只需添加
空白:nowrap到您的td。

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


顾客手册
很多
很少的
对我来说,更好的解决方案应该是:

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

顾客手册
很多
很少的
<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>