使用第一个字母时删除多余的空格

Question

当我使一个段落的第一个字母大于文本的其余部分时，它会在第一行下面添加额外的空格。删除这个空格有诀窍/黑客攻击吗？我在p :: first-line上尝试填充和边距无效

p{ line-height: 1.4; }
p::first-letter { font-size: 450%; }

请参阅此处的codepen：http://codepen.io/anon/pen/GgGRjE

Answer 1

您可以重置vertical-align或/和line-height：

＆＃13;

＆＃13;

p{
  line-height: 1.4;
}
p::first-letter {
  font-size: 450%;
  vertical-align:bottom;
  line-height:0.5em;
  
}

＆＃13;

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem </p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个：

p::first-letter {
  font-size: 450%;
  line-height:60%;
}

Answer 3

p::first-letter {
    font-size: 450%;
    line-height: 0em;
}