大佬教程收集整理的这篇文章主要介绍了html – CSS ::在伪元素行高之前？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<p>Hover This</p>
p {
background: red;
text-align: center;
height: 50px;
line-height: 50px;
font-size: 14px;
}
p:hover:before {
content: "icon";
display: inline-block;
margin-right: 10px;
font-size: 3em;
}
文字长度各不相同所以我认为我不能只使用位置：绝对的图标…
您可以通过在内容之前浮动：来解决此问题,从而将其从流中移除,使其不受行高影响.
HTML
<div> <p>Hover This</p> </div>
CSS
div {
background: red;
height: 50px;
line-height: 50px;
font-size: 14px;
text-align:center;
}
div:hover p:before {
content: "icon icon icon icon";
margin-right: 10px;
font-size: 42px;
float:left;
}
p {
display:inline-block;
margin:0px;
}
以上是大佬教程为你收集整理的html – CSS ::在伪元素行高之前？全部内容，希望文章能够帮你解决html – CSS ::在伪元素行高之前？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。