css - 虚线制表填充文本 block

Question

我试图在 HTML 中模仿以下文本样式:

这是 Microsoft Word 的样式功能，可以使用 Tab Fills 进行设置。

这是我到目前为止所取得的成就:

.legalese .paragraph:after {
  content: "------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------"; 
  width: 100%;
  height: 20px; 
  overflow: hidden; 
  display: block; 
  position: relative;
  top: -20px;
  z-index: -1;
  color: blue;
}

这不是一个好的解决方案(就我所遇到的问题而言，这是值得的)。

我检查过这样的引用资料:

http://jsfiddle.net/FpRp2/171/ - 关闭，但不支持多行文本

有什么想法吗？谢谢!

附加信息

• 虚线填充不用于输入。出于法律原因，这些类型的文档不得包含任何可写空格(无论是手写还是打印)。我们的想法是将其全部删除。

Answer 1

contenteditable 属性是否符合您的要求？

http://jsfiddle.net/FpRp2/172/

span {
    border-bottom: 1px dashed #333;
}

与:

<span contenteditable> &nbsp;&nbsp;&nbsp; </span>