在HTML页面格式修改中，遇到调整图片位置和大小的问题。首先尝试使用margin、padding等属性，但未能实现图片右对齐。通过display: inline-block和float:right实现了文字靠右，然后调整图片大小时，width、height、max-width和max-height效果不理想。最后采用transform:scale(‘数字’)成功缩放图片且保持原形，解决了问题。
transform:scale(‘数字’)
今天进行HTML页面格式修改大致代码如下：
<style type="text/css">
.login_row{
width: 90%;
height: 40px;
line-height: 40px;
margin: 0 auto;
border-bottom: 1px solid #eee;
}
.font_14{
display: inline-block;
font-size: 14px;
}
.text-14{
display: inline-block;
font-size: 14px;
float:right;
}
.pullDown_img{
display: inline-block;
float:right;
transform:scale(0.4)
}
</style>
<body class="background_fff">
<header style="display: none">
<span>礼券发放</span>
</header>
<div class="clearFix d-flex flex-column a-center pt-4">
<div class="login_row">
<div class="font_14 color_1a mb-2 font-family">活动名称</div>
<div class="pullDown_img">
最低0.47元/天 解锁文章
扫一扫
3959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
