时间戳

首页 > 解决方案 > 你怎么放

在表格标签内？

html - 你怎么放
在表格标签内？

问题描述

像这样：

<td align="center" width="352" valign="middle" bgcolor="#ffffff" c-style="whiteBG" 
<div="" class="sortable_inner ui-sortable" style="background-color: rgb(255, 255, 255);"
>
...
</td>

我在网站上看到了这个，它工作得很好，在某些地方它可以工作，但在其他地方却不行。td 标签内的 div 是怎样的？

标签： html

解决方案

HTML 表格中的 Div 是可能的，但它们需要位于表格单元格中，这也意味着如果将它们放在td或th中，它们也可以工作，因为这两个都嵌套在单元格中。

您需要做的只是将您的 div 嵌套在th或td中，在您的示例中，您只使用td。此外，您还有一些我纠正的 HTML 语法错误。希望这会有所帮助，我添加了一个使用 CSS Grid 的示例。

<table border=1 width=200 cellpadding=10>
<tr>
<td align="center" width="352" valign="middle" bgcolor="#ffffff" c-style="whiteBG">
 <div class="sortable_inner ui-sortable" style="background-color: rgb(255, 255, 255);">

<p> Your content goes here </p> 

</div> <!-- Div ends here -->

</td> <!-- Table cell ends here -->
</tr> <!-- Table row ends here -->
</table> <!-- Table element ends here -->

在表格和 CSS Grid 中使用 div 元素

    <style>
        tr {
            background-color: blue;
            height: 377px;
            width: 377px;
        }
        #div {
            background-color: black;
            height: 100%;
            width: 100%;
            display: grid;
            grid-template-rows: 1fr 1fr;
            grid-template-columns: 1fr;
        }        
        p {
            color: white;
        }
    </style>
</head>

<body>
    <table width=200 cellpadding=10>
        <tr>
            <td>
                <div id="div">
                    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil enim dicta quasi? Perferendis rerum quas a dicta aperiam in ipsa voluptates at ipsum, ratione alias veritatis repellat dolore doloremque magnam. </p>
                    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem ducimus temporibus velit! </p> 
                </div> <!-- Div ends here -->
        </td> <!-- Table cell ends here -->
    </tr> <!-- Table row ends here -->
    </table>
    </body>

推荐阅读