排名
3
文章
317
粉丝
22
评论
14
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术

其实思路就是把文字旋转的角度反向旋转抵消掉div旋转的角度即可
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.container{
margin: 50px;
width: 100px;
height: 100px;
text-align: center;
border: 1px solid #000;
transform: rotate(45deg);
transform-origin:center 50%;
}
.txt{
display: inline-block;
line-height: 100px;
transform: rotate(-45deg);
transform-origin:center 50%;
}
</style>
</head>
<body>
<div class="container">
<span class="txt">文字</span>
</div>
</body>
</html>
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)
评价