Html 使用图像旋转时的框大小问题

Html 使用图像旋转时的框大小问题,html,css,Html,Css,我有一个旋转的日期表,当我移除框大小:边框框时,它可以正常工作来自样式。 但是当我使用框大小:边框框它看起来像这样: 以下是我的html和css代码: .entry内部{填充底部:18px;边距底部:16px;} .date{margin right:15px;position:relative;float:left;padding:14px 12px;width:40px;height:34px;background:url(https://i.ibb.co/RHwTRRv/date-i

我有一个旋转的日期表,当我移除
框大小:边框框时,它可以正常工作来自样式。

但是当我使用
框大小:边框框它看起来像这样:

以下是我的html和css代码:

.entry内部{填充底部:18px;边距底部:16px;}
.date{margin right:15px;position:relative;float:left;padding:14px 12px;width:40px;height:34px;background:url(https://i.ibb.co/RHwTRRv/date-ico.png)没有重复0;}
.date strong{color:#00acef;字体大小:22px;行高:22px;字体系列:arial,无衬线;字体大小:粗体;显示:块;}
.date span{字体大小:粗体;字体大小:9px;颜色:#c6c6;位置:相对;页边距顶部:0px;显示:块;行高:9px;}
.date em{-webkit transform:rotate(-90度);行高:12px;-moz transform:rotate(-90度);字体重量:粗体;字体样式:normal;宽度:12px;颜色:bdbdbd;字体大小:12px;位置:绝对;底部:20px;左侧:41px;}


27
2019
阿古
试验

作者: / /哥斯特林99


问题是什么?@TemaniAfif问题出现在第二张图片中。但是nvm我解决了谢谢。嗨@meedo man如果你解决了请