代码之家 › 专栏 › 技术社区 › Andrew Hedges

第一个字母与CSS一致吗?

typography safari firefox css

1

Andrew Hedges · 技术社区 · 16 年前

我试图实现正文第一段第一个字母的一个缩进。我被困的地方是第一个字母和段落的其余部分之间的间距是否一致。

例如,“W”和“I”之间的间距存在巨大差异

'I' Outdent
'W' Outdent

有人对如何缓解分歧有什么想法吗?我更喜欢纯CSS解决方案,但如果需要,我会求助于JavaScript。

附言 :我不一定需要IE或Opera中的兼容性

2 回复 | 直到 9 年前

1

5

Eevee 16 年前

适用于 p.outdent:first-letter :

margin-left: -800px;
padding-right: 460px;
float: right;

2

0

thanksd thibaut noah 9 年前

我试着使用固定宽度的字体,比如“courier new”,由于字符的宽度大致相同,所以不太明显。

编辑-此字体不错,但可能仅适用于windows

p.outdent:first-letter {
    font-family: ms mincho;
    font-size: 8em;
    line-height: 1;
    font-weight: normal;
    float: left;
    margin: -0.1em 0 0 -.55em;
    letter-spacing: 0.05em;
}