这里的段落首字大写是如何实现的?

2018-12-08 23:19:23 +08:00
 mashirozx

网页在这里

如图,左边是网页,右边是相应源码片段:

本来以为是把首字单独拉出来设置样式,然而源码中首字和后面的内容是连在一起放<p>标签里的,那么它的大写效果是怎么实现的?

3292 次点击
所在节点    CSS
4 条回复
Eleflea
2018-12-08 23:23:58 +08:00
CSS :first-letter
qiayue
2018-12-08 23:27:35 +08:00
.dropCap > p:first-child::first-letter{font-size: 3em;}
crab
2018-12-08 23:28:20 +08:00
.dropCap > p:first-child::first-letter{font-size:3em;float:left;margin:-0.3em 0.2em 0 0}
Lax
2018-12-09 01:16:45 +08:00
```
.dropCap > p:first-child::first-letter {
font-size: 3em;
float: left;
margin: -0.3em 0.2em 0 0
}
```

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/515747

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX