• html行内块元素之间的缝隙


    关于html行内块元素之间缝隙的那点儿事情

    事情是这样子的,我起初打算验证使用transform属性的标签是否会影响其他的标签的布局,于是写了下面一段代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum=1.0, minimum=1.0, scalable=0">
        <title>Document</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
            div {
                /* 转换显示模式设置宽高 */
                display: inline-block;
                 100px;
                height: 100px;
            }
            .a {
                transform: translateX(100px);
                background-color: red;
            }
            .b {
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <div class="a"></div>
        <div class="b"></div>
    </body>
    </html>
    

    结果呢也还算能接受:
    在这里插入图片描述
    在这里插入图片描述
    但是,我发现了另外一个问题:
    在这里插入图片描述
    在这里插入图片描述
    这之间的缝隙是什么东东?琢磨了好久也不知道。希望读者中有知道的麻烦评论告诉我一下,谢谢啦。
    在这里插入图片描述

  • 相关阅读:
    HttpServletResponse对象
    FastJSON 简介及其Map/JSON/String 互转(转载)
    commons-lang3-3.4类库
    HttpClient相关
    JSON.parse()方法 (转载)
    textview用法--推荐
    每日总结
    百度网盘
    每日总结
    每日总结
  • 原文地址:https://www.cnblogs.com/JonnyJiang-zh/p/13569933.html
Copyright © 2020-2023  润新知