段落首字下沉 单纯从前端角度,可以实现的方法
1、before伪元素实现
2、使用标签控制
段落首字下沉 方法分析
第一种方法果断舍弃,原因在于,数据明显是从后台传递的,那么此时我们不可能确定后台会传递什么数据。
具体内容请详见:CSS样式 | 段落首字下沉
首字下沉不需要设置绝对位置。在首字加个行内标签,然后用插入内部样式(如下所设)就可以的。
希望对你有所帮助。
<div style="width:730pxpadding:8pxborder:1px dashed #e7e7e7">
<span style="padding:5pxfont-size:24ptdisplay:blockfloat:left">你</span>好吗?<div>
可以应用css伪类选择符 :first-letter它是定义元素所包含文本段的第一个字的样式
如果你那个首字是定义到p里
那就是
p:first-letter{font-size:66pxfloat:leftline-height:normal}