日期:2014-05-16  浏览次数:20517 次

请教为什么 dom 操作的 表格没有居中?
var tab = event.srcElement.parentNode.parentNode.parentNode;//获取当前表
var row = tab.insertRow();//插入一行
row.insertCell().innerHTML = "<td align=center><%=subject_select%></td>";
row.insertCell().innerHTML = "<td align=center><%=difficulty_select%></td>";
row.insertCell().innerHTML = "<td align=center><input type= 'text' class = 'numClass' size = '15' onblur='calculateSum();'></td>";
row.insertCell().innerHTML = "<td align=center><img style='cursor:hand;' onclick = 'deleteCurRow(event)' alt = '删除当前行' src='../images/icon_del.gif'></td>";
var parentinput = document.createElement("<input type='hidden' class='parentModelClass' id ='parentModelClass' value='"+key+"'/>");//用于识别改行来自于哪个模块
row.appendChild(parentinput);

------解决方案--------------------
改用“margin:0 auto”或者"text-align:center;margin-left:auto;margin-right:auto" 万能方法,任何浏览器都能居中,当然,chrome和ff等浏览器对表格的支持不太好,不到迫不得已建议不要用表格
------解决方案--------------------
margin:0 auto