Javascript 替换<；td>；与<；tr>；取决于浏览器宽度

我有一个html表格，它有两个单元格。我想根据浏览器的宽度，将这些单元格垂直或水平排列

---

我曾试图寻找一个DOM函数来完成这项工作，但到目前为止还没有找到解决方案。

正是由于这个原因，表是不好的juju。您应该切换到响应性布局。为此目的有许多图书馆；以下是我广泛使用的两个：

如果您不想使用库，请查看

以下是我在引导中的实现方式：

<div class='container-fluid'>
    <div class='row'>
        <div class='col-md-6'>
            Half the page
        </div>
        <div class='col-md-6'>
            Other half
        </div>
    </div>
</div>

半页
另一半

---

正是因为这个原因，桌子是不好的jujuju。您应该切换到响应性布局。为此目的有许多图书馆；以下是我广泛使用的两个：

如果您不想使用库，请查看

以下是我在引导中的实现方式：

<div class='container-fluid'>
    <div class='row'>
        <div class='col-md-6'>
            Half the page
        </div>
        <div class='col-md-6'>
            Other half
        </div>
    </div>
</div>

半页
另一半

---

不要使用桌子。使用

div

或其他一些非表元素，将其样式设置为具有固定宽度的

内联块

<style type='text/css'>
  .cell {
     display: inline-block;
     width: 200px; /* or whatever */
  }
</style>

<div class='cell'>something</div>
<div class='cell'>else</div>


.细胞{
显示：内联块；
宽度：200px；/*或其他*/
}
某物
其他的

如果这不适合你，开始寻找其他的。
不要使用桌子。使用
div
或其他一些非表元素，将其样式设置为具有固定宽度的
内联块

<style type='text/css'>
  .cell {
     display: inline-block;
     width: 200px; /* or whatever */
  }
</style>

<div class='cell'>something</div>
<div class='cell'>else</div>


.细胞{
显示：内联块；
宽度：200px；/*或其他*/
}
某物
其他的

如果这不适合您，请开始寻找其他解决方案。
您可以使用
引导
响应表来解决此问题。



...

只需添加插件，添加上面的简单代码，瞧
 您可以为此使用
引导
响应表。



...

只需添加插件，添加上面的简单代码，瞧
 你的意思是一个响应表？你需要两个标记来构造一个有效的
你是否试图使用该表来格式化页面布局？因为如果是这样的话，你不应该也应该考虑使用正确的标记。一个只有两个单元格的表？它是否呈现表格数据？如果不是，这很可能，我建议改为
div
。@ParagTyagi是的，类似这样的东西你是说一个响应表？你需要两个标记来构造一个有效的
你是否试图使用该表来格式化页面布局？因为如果是这样的话，你不应该也应该考虑使用正确的标记。一个只有两个单元格的表？它是否呈现表格数据？如果不是，这很可能，我建议改为
div
。@ParagTyagi是的，类似这样的东西确实是我的响应部分所需要的。但是我的普通页面应该有两个相邻的页面（就像在表中一样）。请帮帮我。啊，我看到了你的链接，现在，就这样，非常感谢：）很高兴帮助；快乐编码！您可能希望将div内容居中，使其看起来更好一些。我建议看一下引导文档，它们有很多令人惊奇的帮助类。这确实是我的响应部分所需要的。但是我的普通页面应该有两个相邻的页面（就像在表中一样）。请帮帮我。啊，我看到了你的链接，现在，就这样，非常感谢：）很高兴帮助；快乐编码！您可能希望将div内容居中，使其看起来更好一些。我建议大家看一下引导文档，它们有很多很棒的助手类