换行后用伪元素填充
Padding after linebreak with pseudo element
我有一个分为两行的文本,它前面有一个伪元素 ::。当分成两行时,文本不会对齐,因为它与第一行中的伪元素对齐。
知道如何使文本对齐吗?enter image description here
解决此问题的几种方法:
为父元素的 100% 的伪元素创建一个 div,然后使用下一个内联子元素 div(高度 100%)作为文本。
使用 position:absolute 如下所示:
li::before {
position:absolute;
top:0;
left:0;
padding-right: .3em;
content: "\f00c";
float: left;
margin: 0 9px 0 0;
我有一个分为两行的文本,它前面有一个伪元素 ::。当分成两行时,文本不会对齐,因为它与第一行中的伪元素对齐。 知道如何使文本对齐吗?enter image description here
解决此问题的几种方法:
为父元素的 100% 的伪元素创建一个 div,然后使用下一个内联子元素 div(高度 100%)作为文本。
使用 position:absolute 如下所示:
li::before { position:absolute; top:0; left:0; padding-right: .3em; content: "\f00c"; float: left; margin: 0 9px 0 0;