html - 创建一个可以在 Word 中粘贴的无边框表格

Question

我正在努力寻找创建无边框表格的正确格式，粘贴在 word 中的表格如下所示:

<strong>Foo</strong>

<ol>
  <li value="0">This is zero.</li>
  <li value="7">Another number.</li>
  <li value="42">Favorite number.</li>
</ol>

<strong>Bar</strong>

<ol>
  <li value="0">This is zero.</li>
  <li value="7">Another number.</li>
  <li value="42">Favorite number.</li>
</ol>

我需要的布局是:

Some strong text here

    0. Right aligned numbers on the left
   42. And text on the right side
    7. With some padding on the left.

问题

• 使用上面的列表在 Word 中粘贴时(我实际上使用的是 Apple Pages)，它以以 1 开头的有序列表结束。 .

• 使用表格我尝试使用 <table> .即使它在浏览器中是无边框的，边框也会在文本处理器中添加(在我的例子中是 Apple Pages)

• 使用 Div使用 div 时，我无法控制第一列的宽度和对齐方式。

在这种情况下，正确的做法是什么？我只需要在 Word 中看起来像这样的可粘贴的东西:

Answer 1

粘贴选项:

考虑使用源格式 (Ctrl+V+K) 或合并格式 (Ctrl+V+ M) 以保留源指定的格式。

列表项

规避默认的 Word 编辑器列表编号

要否定 Word 编辑应用程序或程序可能包含的有序列表项的默认格式，请考虑将有序列表元素 (ol) 更改为无序列表元素 (ul) 以 内联样式 声明 list-style 属性，其值为 decimal，例如:

<ul style="list-style: decimal;">
  <li value="0">This is zero.</li>
  <li value="7">Another number.</li>
  <li value="42">Favorite number.</li>
</ul>

这应该允许您保留为给定列表项的属性 value 指定的任何自定义值。

表格元素

x2 列布局，在第一列中指定了自定义值

使用 table 布局应该可以实现类似的输出，例如:

<table>
  <tr>
      <td align="right">0</td>
      <td>This is zero.</td>
  </tr>
  <tr>
      <td align="right">7</td>
      <td>Another number.</td>
  </tr>
  <tr>
      <td align="right">42</td>
      <td>Favorite number.</td>
  </tr>
</table>

代码片段演示:

<strong>Foo</strong><sup>unordered list</sup>

<ul style="list-style: decimal">
  <li value="0">This is zero.</li>
  <li value="7">Another number.</li>
  <li value="42">Favorite number.</li>
</ul>

<strong>Bar</strong><sup>x2 column table</sup>

<table>
  <tr>
      <td align="right">0</td>
      <td>This is zero.</td>
  </tr>
  <tr>
      <td align="right">7</td>
      <td>Another number.</td>
  </tr>
  <tr>
      <td align="right">42</td>
      <td>Favorite number.</td>
  </tr>
</table>