会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133784个问题

1.代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*transform转换
        1)translate转换*/
        .box{
            width: 100%;
            height: 500px;
            border: green solid 5px;
        }
        .box1{
            width: 100px;
            height: 100px;
            background-color: purple;
            transform: translate3d(50px,50px,50px);
        }
        /*2)rotate转换*/
        .box2{
            width: 100px;
            height: 100px;
            background-color: yellow;
            transform: translateX(200px) rotate(45deg);
        }
         /*3.scale转换*/
         .box3{
             width: 100px;
             height: 100px;
             background-color:rgba(0,0,255,.5);
             transform: scale(1.5) translateX(50px);
             /*transform: translateX(50px) scale(1.5);*/
             /*为什么这里两种变换的顺序调换,div的位置会不一样?*/
         }

    </style>
</head>
<body>
<div class="box">
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
</div>

</body>
</html>

2.效果图

我的问题有两个:

1)为什么一个transform里面,两种属性值顺序调换,div的位置不一样?(例如Box3,把translateX或是scale放前面,div3的X向位置会不一样)

2)为什么这三个div同为行内元素,做了transform变换以后,位置就不在不同的三行里面?

21.png

WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS选择器 33558楼
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:基于json数据格式完成商品规格参数模板管理 33559楼
JAVA 全系列/第七阶段:项目管理与SSM框架/SpringMVC旧 33560楼

package com.company;
import java.util.Scanner;
import java.util.Scanner;

public class calculate {
    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);System.out.println("请输入你的月薪:");
        double mouth = sc.nextInt();
        double suodee = mouth-5000;
        double nasuie = 0;
        while (true){

            if (suodee<3000){
                System.out.println("你不需要交税");
            }else  if(suodee<=3000){
                nasuie = suodee*0.03;
                mouth -=nasuie;

            }else  if(suodee<=12000){
                nasuie = suodee*0.1-210;
                mouth -=nasuie;

            }else  if(suodee<=25000){
                nasuie = suodee*0.2-1410;
                mouth -=nasuie;

            }else  if(suodee<=35000){
                nasuie = suodee*0.25-2660;
                mouth -=nasuie;

            }else  if(suodee<=55000){
                nasuie = suodee*0.3-4410;
                mouth -=nasuie;

            }else  if(suodee<=80000){
                nasuie = suodee*0.35-7160;
                mouth -=nasuie;

            }else {
                nasuie = suodee*0.45-15160;
                mouth -=nasuie;
            }
            System.out.println("应纳税所得额:"+suodee+"\t"+"你纳税:"+nasuie+"\t"+"实际工资:"+mouth);
            int cmd = sc.nextInt();
            if (cmd==66){
                System.out.println("计算下一位:");
                continue;
            }if (cmd==88){
                System.out.println("退出程序!");
                break;
            }
        }
    }
}

为啥我输入66重新计算下一位会把

System.out.println("应纳税所得额:"+suodee+"\t"+"你纳税:"+nasuie+"\t"+"实际工资:"+mouth);

输出一遍呢image.png

JAVA 全系列/第一阶段:AI驱动的JAVA编程/控制语句、方法、递归算法 33561楼
JAVA 全系列/第六阶段:JavaWeb开发/Web实战案例 33562楼

image.png

WEB前端全系列/第十一阶段:前端工程化/Webpack 33563楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 33568楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637