在用户生成内容（UGC）中，文本与表情符号（emoji）的混合使用极为常见。然而，在实际开发过程中，有时会遇到 emoji 上下边缘被意外裁剪的问题。这种情况通常发生在为了控制文本区域的高度和行间距，将 line-height 与 font-size 设置为相同值，并且 overflow 属性设置为 hidden 的情况下。
为了避免这种排版问题，同时保持设计的一致性和美观性，我们建议采取以下措施：首先，考虑移除对 line-height 的严格限制，因为这往往是导致 emoji 被裁剪的主要原因。相反，可以通过调整 margin 或者 padding 来灵活地管理文本行之间的间距。这样做不仅能够解决 emoji 显示不全的问题，还能提高整体排版的灵活性和适应性，确保所有类型的字符都能得到恰当的展示。
通过这样的优化，不仅能提升用户体验，也能让页面设计更加和谐统一，适应更广泛的文本表达形式。
