0

我的首字母大写有问题（第一个字母大）。

.article {
    text-align:justify;
    text-wrap: unrestricted;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
}

.article:first-letter {
    font-size:38px;
    float:left;
    line-height: 38px;
}
.article:first-line { line-height: 100%; }

第一：在 Firefox 中，字母像超文本一样向上移动。我尝试使用vertical-align没有成功。我注意到它只在 Firefox 中呈现这样的效果。

第二：我希望上限为 40px 高（它们现在是 38px）。当我添加 2 个额外像素时，小文本中的第三行也会缩进。为什么？是否为文本下方的任何不寻常的字母（如 j）腾出空间？

4

2 回答 2

0

我认为您可以调整:first-letter伪类的边距。

JS小提琴

于 2013-05-21T15:12:47.327 回答
0

在第一个字母上添加一些填充似乎将其拉回线 - http://jsfiddle.net/duncan/aBYQx/

.article {
    text-align:justify;
    text-wrap: unrestricted;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
}

.article:first-letter {
    font-size:40px;
    float:left;
    line-height:40px;
    padding:.125em 

}
.article:first-line { line-height: 100%; }

至于增加的空间，我假设它是为了容纳下降者

于 2013-05-21T15:13:06.683 回答