时间戳

首页 > 解决方案 > 防止无序列表引起的“换行符”

html - 防止无序列表引起的“换行符”

问题描述

每当使用无序列表时，它似乎从“低于”当前位置开始列表：

例如：

<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
  <tr>
    <td>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    </td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>

在此处输入图像描述

如何阻止无序列表下推内容？这会弄乱我的一个 HTML 报告的格式，该报告具有基于表格行的部分。

标签： htmlcss

解决方案

在 ul 上放置一个 margin: 0 ，如下所示：

ul{
   margin: 0;
}

推荐阅读