line-height浏览器在flex显示时没有文本时忽略该样式.line-height即使有其他组件,如inputs或,仍然被忽略text areas.

为什么会line-height被忽视？

请参阅此处运行演示.

  
  
  
    
ALIK
    

  

结果:

line-height描述了线框的高度.线框不能直接存在于弹性容器中 - 所有弹性项都会被阻塞,并且弹性容器中的任何裸文都存在于匿名弹性项中的线框中(请参阅规范的第4节).在第一个示例中,line-height应用于该匿名弹性项目中的线框,并相应地input调整大小.

input和textarea元素是替换元素,在这种情况下,根据CSS2.1的10.6.2节使用它们的固有高度(请记住它们因为是弹性项而被阻塞).因此,在第二个示例中没有任何文本,没有任何内容可供line-height应用,因此会被忽略.