textarea 行数展示

你可以使用 CSS 中的 `line-height` 属性来控制 `textarea` 的行高，然后根据 `textarea` 的高度除以行高来计算出行数。

例如，如果你想要一个 5 行的 `textarea`，可以设置 `line-height: 20px;`（假设每行高度为 20px），然后将 `height` 设置为 `100px`（5 行 * 20px/行 = 100px）。

CSS 代码示例：

textarea {
  font-size: 14px;
  line-height: 20px; /* 每行高度 */
  height: 100px; /* 总高度 */
}

在输入文本时，可以通过 JavaScript 动态计算行数并显示出来。以下是一个示例代码：

HTML 代码：

<textarea id="myTextarea"></textarea>
<div id="lineCount"></div>

JavaScript 代码：

var myTextarea = document.getElementById("myTextarea");
var lineCount = document.getElementById("lineCount");

myTextarea.addEventListener("input", function() {
  var lineHeight = parseInt(getComputedStyle(myTextarea).lineHeight);
  var lines = Math.floor(myTextarea.clientHeight / lineHeight);
  lineCount.innerHTML = "行数：" + lines;
});

这样就可以实时显示出 `textarea` 的行数了。