css负缩进，中间有'tab'答案

【问题标题】：css negative indent with 'tab' in betweencss负缩进，中间有'tab'
【发布时间】：2011-08-20 04:42:09
【问题描述】：

我了解负缩进如何与 CSS 配合使用，但我的问题是，有没有办法在负缩进的开头和文本的其余部分之间添加一种“制表符”？

我想要完成的是与http://copyrighter.ru/canada/test.htm 相同的外观 - 请查看从 [6] 开始的段落。

请注意，[6] 移到了该行的左侧，而其余部分看起来像一个整洁的方形段落。

我目前正在使用两个 div。

它看起来与我想要的完全一样，但是当我将文本复制到 MS Word 中时，复制的文本全乱了。

我正在尝试找出是否有更简单的方法来完成相同的任务。

【问题讨论】：

【解决方案1】：

尝试将数字放入具有“绝对”位置的 SPAN。像这样的东西： http://jsfiddle.net/WvU7X/

但是，我想在将文本粘贴到 Word 后看起来不会完全一样。

【讨论】：

【解决方案2】：

不要使用 DIV，而是用标签分隔元素，然后赋予它们属性“display: inline-block;”。这将允许它们在仍然显示为内联的同时应用填充/边距。

请注意，对于 IE7 及更高版本，inline-block 无法正常工作。相反，您必须使用组合：“显示：内联；缩放：1；”。然后开始你的填充和保证金业务。

使用span标签可以让你复制/粘贴到Word中，比div的损害更小。

【讨论】：