html3d转换浏览器设定,如何使用HTML页面的浏览器侧​​脚本将行转换为列或反之亦然？...

是否有任何jQuery的方法恢复行成列，反之亦然？

Page tag使用css绘制a4大小的图纸。 该表是通过PHP代码生成的，但我们不能先列出列并将它们添加到同一行，因此我必须使用浏览器端脚本来完成所有这些操作。如何使用HTML页面的浏览器侧​​脚本将行转换为列或反之亦然？

1

101

2

102

3

103

4

104

5

105

6

106

7

107

8

108

9

109

10

110

11

111

12

112

13

113

14

114

15

115

16

116

17

117

18

118

19

119

20

120

21

我在SO上找到了下面的代码，但是我无法理解如何在div上应用此代码。我不是一个专业的开发商却又那么请帮我

$("a").click(function(){

$("table").each(function() {

var $this = $(this);

var newrows = [];

$this.find("tr").each(function(){

var i = 0;

$(this).find("td").each(function(){

i++;

if(newrows[i] === undefined) { newrows[i] = $("

"); }

newrows[i].append($(this));

});

});

$this.find("tr").remove();

$.each(newrows, function(){

$this.append(this);

});

});

return false;

});

这里是我的CSS

body {

padding-top: 50px;

}

page {

background: white;

display: block;

margin: 0 auto;

margin-bottom: 0.5cm;

box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);

}

page[size="A4"] {

width: 29.7cm;

height: 21cm;

align-content: center;

}

.divTableCell{

border: 1px solid #999999;

display: table-cell;

width: 200px;

align-content: center;

align-items: center;

text-align: center;

height: 40px;

}

.divTableRow {

display: table-row;

width: inherit;

}

.flex-container{

display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */

display: -ms-flexbox; /* TWEENER - IE 10 */

display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

justify-content: center;

align-items: center;

background-color: #ffffff;

}

@media print {

body, page {

margin: 0;

box-shadow: 0;

}

}

+0

如果更改表格元素做等值的div应该给你你所期望的结果......如：'table' ='.divTableBody'，'tr' ='.divTableRow '和'td' ='.divTableCell'(而不是'

'应该是'

' –

+0

*'脚本脚本* *这是什么？ –