带有负缩进的文本的首字下沉/字母

编程问答 2022-05-23

问题描述

我可以用这样的东西做一个基本的drop cap：https://jsfiddle.net/zyL5vmnw/

Basic drop cap

突出的 CSS 在哪里

.dropinitial{
  float: left;
  font-size: 3em;
  margin: 0 0.1em 0 0;
  line-height: 1em;
}

但是，如果文本具有负文本缩进，则一切都会出错（https://jsfiddle.net/6d8fc7mv/1/）：

Drop-cap with negative text-indent overlaps the text.

我真正希望它做的是将前三行向右推一个“L-width”，以便保留悬挂缩进，如下所示：

Ideal outcome

有没有办法在 CSS 中做到这一点？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

drop-caphtmltypography