如何为李提供100％的宽度？

Question

我试图为'li'提供100％的宽度，但它不适合我。我也试过'px'，但它会打扰上面的行。请在下面找到css和html代码并帮我解决这个问题。提前致谢。

.dndPlaceholder {
  width: 100%;
  height: 10px;
  background: gray;
}

<table>
  <tbody>
    <tr> 
        <td> Sample Text </td> 
        <td> Sample Text </td> 
    </tr>
    <li class="dndPlaceholder"></li>
  </tbody>
</table>

Answer 1

li应该在ul或ol内。如下例所示：

.dndPlaceholder {
  width: 100%;
  height: 20px;
  background: gray;
}

<ul>
<li class="dndPlaceholder">Item 01</li>
<li class="dndPlaceholder">Item 02</li>
</ul>