Html 样式化的首字母会导致文本中出现空白

我在我的网页中使用这些谷歌字体（我也在使用Bootstrap-不知道这是否会改变什么，我对这种编码方式有点陌生）：

.initial{
字号：1.5em；
字体系列：“快感脚本”，草书；
}
p{
字体系列：“开放式Sans”，无衬线；
}

这里有一些文字。还有一些。我们真的需要大量的文本

指定文本的行高，这样所有文本都将具有相同的高度，尽管字体大小不同。试试这个：

.initial{
字号：1.5em；
字体系列：“快感脚本”，草书；
}
p{
线高：1.2米；
字体系列：“开放式Sans”，无衬线；
}

这里有一些文字。还有一些。我们真的需要大量的文本。还有一些。我们真的需要大量的文本。还有一些。我们真的需要大量的文本。还有一些。我们真的需要大量的文本。还有一些。我们真的需要大量的文本。还有一些。我们真的需要大量的文本

如果不支持旧浏览器，请考虑使用float:left（+第一个字母选择器：

p:first-letter {
    font-size: 1.5em;
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
    color: red;
}

---

看

你的想法是对的，但我也不得不在.initial中添加行高…？无论如何，这很有效！这很奇怪。

.initial

是一个

span

，应该继承它的父级

p

的行高样式，就像我的代码片段一样。但我很高兴你把它整理好了。是的，这就是我的想法嗯…我可能在别的地方搞砸了！再次谢谢