0

我试图在 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/ - 关闭,但不支持多行文本

有任何想法吗?谢谢!

附加信息

  • 虚线填充不用于输入。出于法律原因,这些类型的文档不得包含任何可写的空格(手动或打印)。我们的想法是彻底清除所有内容。
4

1 回答 1

0

contenteditable属性你在找什么?

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

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

和 :

<span contenteditable> &nbsp;&nbsp;&nbsp; </span>
于 2013-07-01T14:53:22.470 回答