Question

我正在开发一个使用表结构的网站，并且无法访问它们并用div替换它们。我已经看过使用jquery来删除和替换这些表，但是现在它将是最后一个解决方案......如果它甚至是可能的

它们带有默认样式，也无法访问（带填充和边距）

我也在Netsuite上为这个项目使用了基础5，所以我要覆盖2个样式表。

我正在使用这个CSS来剥离foundation.css附带的表格中的边距和填充

   table, tr, td, table, table tr.even, table tr.alt, table tr:nth-of-type(even), table, table tr.odd, table tr.alt, table tr:nth-of-type(odd) {
    padding: 0px !important;
    margin: 0px !important;
}

它基本上做得很好，但我确实需要更具体，因为购物车也使用表格，它剥去所有边距和填充，之后不可能添加它们，因为它不会采取它们。

这是网站主体结构，我需要删除边距和填充，但我希望它停在最后一个表结构，以允许我设置内部使用表格的内容。

感谢您的帮助！我希望我足够清楚;）

<div id='div__body' style="margin: 0px;  margin-top: 3px;">
    <table border='0' cellspacing='0' cellpadding='0' width='100%' id='__enclosingtable'>
        <tr>
            <td valign="top">
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr class='portletHandle' id='handle_welcomeMainPortlet' >
                        <td width='100%' height=0 align='left' valign='top'>
                            <table border=0 cellspacing=0 cellpadding=0 width='100%'>
                                <tr>
                                    <td width=0 height=0 align='left' valign='top' style='display:none'>
                                    </td>
                                </tr>
                                <tr>


<!-- MAIN CONTENT WITH DIVS OR TABLES  GOES HERE -->



                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

Answer 1

看看它是否可以帮到你：

table{
    border:1px solid #bbb;
    padding:0px;
    margin:0px;
}

table  table{
    border-color:red;
     padding:10px;
    margin:10px;
}

https://jsfiddle.net/AliAdravi/t5k7sa0q/

Answer 2

你的tr附有一个ID shell=True，你可以将其作为目标并将表嵌套在它下面。理想情况下，您的行内有一个表格单元<tr class='portletHandle' id='handle_welcomeMainPortlet'>，如下所示：

<td>

然后你可以像这样定位：

<table border=0 cellspacing=0 cellpadding=0 width='100%'>
   <tr>
      <td width=0 height=0 align='left' valign='top' style='display:none'>
      </td>
   </tr>
   <tr>
      <td>
          <div><!-- MAIN CONTENT WITH DIVS GOES HERE --></div>
      </td>
   </tr>
</table>

这是您的评论的小提琴示例。 http://jsfiddle.net/yongchuc/hrx0vwrf/2/

具有嵌套表结构的网站：如何仅删除主结构的填充和边距，而不是内部的表？

2 个答案: