padding和负margin的一个使用例子

今天遇到一个小问题~

红框中的内容,设计要求是这样

这块的结构是这样的

我本来是想给    啊啊啊啊啊啊凤凰啊!套一个span标签之类的,然后再进行调整

但是呢,由于不想让后端再帮忙改页面加标签,想直接通过控制样式来达到想要的效果,

在同事的指导下通过padding和负margin实现了这种效果,

给.my-comment dl dt加一个padding,

给.my-comment dl dt strong加了一个负margin值,就可以实现 "啊啊啊啊凤凰啊!"这部分内容换行对齐显示了~~~~

原文地址:https://www.cnblogs.com/allenda/p/3285085.html