Question

我需要将其转换为Divs或可以动态使内容在移动设备上看起来不错的东西。我使用表，然后意识到我应该做一些响应更快的事情，例如divs。我一直无法找到可靠的解决方案，而我尝试的转换器也不是很好。我需要div以移动大小垂直堆叠一次。否则，请保持两列宽。解决方案还需要在Divi主题的文本编辑器中工作，因为它位于Divi Childs主题下。现在，我要去一个物化兔子洞，甚至不确定它是否可以在wordperss-> divi主题中工作，就像在Codepen练习html / css站点上所做的那样。这是我的桌子。任何帮助都将非常酷！

转换器。他们不起作用/无法堆叠我想要的移动设备

我希望在缩小浏览器时缩小单元格，然后在必须缩小时堆叠

以下代码不是我自己的。当您将表格插入其精简文本编辑器时，它是由wordpress生成的。我只想显示我正在处理的内容。

string result = string.Format(template, score);

Answer 1

您可以使用jQuery将标签转换为div标签。

var html = $('.et_pb_tab_content table')[0].outerHTML; // select your table

// replace the tags in the string
html = html.replace("table", "div")
.replace("tbody", "div")
.replace("tr", "div")
.replace("td", "div");

$new = $(html); // recreate the DOM object

$('.et_pb_tab_content table').replaceWith($new); // replace your old table with the `$new`

您需要添加CSS使其具有响应性

将表转换为div表或其他选项以执行相同操作

1 个答案: