我正在努力寻找正确的格式来创建一个粘贴在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页面),它以1开头的有序列表结束。
使用表格
我试着使用<table>。即使在浏览器中没有边框,边框也会添加到文本处理器中(在我的例子中是苹果页面)
使用div
使用divs时,我无法控制第一列的宽度和对齐方式。
在这种情况下,正确的做法是什么?我只需要一些文字上看起来像这样的东西:
html - 创建可以粘贴到Word中的无边界表-LMLPHP

最佳答案

粘贴选项:
请考虑使用源格式(Ctrl+V+K)或合并格式(Ctrl+V+M)粘贴复制的标记,以保留源指定的格式。
列出项目
绕过默认字编辑器列表编号
要否定Word编辑应用程序或程序可能包含的用于有序列表项的默认格式,请考虑将有序列表元素(ol)更改为具有内联样式的无序列表元素(ul),该内联样式声明值为list-styledecimal属性,例如:

<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>

关于html - 创建可以粘贴到Word中的无边界表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47854375/

10-13 08:57