inline

日期:2021-03-03 类型:科技新闻 

关键词:抠图软件电脑版,在线图片加水印,在线 抠图,在线画图网站,淘宝做图片用什么软件好

话很少说,立即看来示例编码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF⑻">
    <title></title>
    <style>
        .content{
            letter-spacing: -0.5em;
        }
        .content .box{
            letter-spacing: normal;
        }
        .content2{
            font-size: 0;
        }
        .content2 .box{
            font-size: initial;
        }
        .box{
            width: 200px;
            height: 100px;
            background-color: #EEEEEE;
            display: inline-block;
            vertical-align: top;
        }
    </style>
</head>
<body>
    <h4>默认设置情况</h4>
    <div>
        <div class="box">盒子1</div>
        <div class="box">盒子2</div>
        <div class="box">盒子3</div>
        <div class="box">盒子4</div>
        <div class="box">盒子5</div>
    </div>
    <h4>方式1         letter-spacing: -0.5em</h4>
    <div class="content">
        <div class="box">盒子1</div>
        <div class="box">盒子2</div>
        <div class="box">盒子3</div>
        <div class="box">盒子4</div>
        <div class="box">盒子5</div>
    </div>
    <h4>方式2        font-size: 0</h4>
    <div class="content2">
        <div class="box">盒子1</div>
        <div class="box">盒子2</div>
        <div class="box">盒子3</div>
        <div class="box">盒子4</div>
        <div class="box">盒子5</div>
    </div>
</body>
</html>

完成的实际效果图以下

总结

以上便是这篇文章内容的所有內容了,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助,假如有疑惑大伙儿能够留言沟通交流。

上一篇:CSS3常见的几种色调渐变色方式总结 返回下一篇:没有了