本文探讨如何在HTML和CSS中设计一个恰好显示4行文本的Textarea，避免滚动条出现。通过分析Textarea的默认样式和行高，提出通过设置字体大小和行高来计算合适的高度。同时，考虑到不同字符类型（英文、数字、中文）的影响，建议明确设置line-height以确保在各种情况下都能正确显示4行文本。
网页在浏览器里呈现的样子，取决于浏览器的内核。
本文的测试环境：
- OS：macOS 10.15.3
- Browser：Chrome 79
需求是实现一个 4 行高的 textarea，这个多行文本框的 placeholder 正好有 4 行。大概长下面这样：
➥ HTML
<textarea class="textarea" placeholder="输入答案中必须包含的关键词，支持多种表达法：
样例：to school | foot # walk | to school：
1. 用竖线 “|” 划分一组表达法中的关键词
最低0.47元/天 解锁文章
3373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
