【去除inline-block元素间间距 _布局 _内外边距】

去除inline-block元素间间距

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

布局内外边距

详细描述

截图

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

        .box {
            width: 100%;
            height: 600px;
            background-color: red;
        }

        .box1{
            display: inline-block;
            width: 100px;
            height: 200px;
            background-color: blue;
        }


    </style>

</head>
<body>

<div class="box">
    <div class="box1">124124</div>
    <div class="box1">14124</div>
    <div class="box1">141414</div>

</div>
</body>
</html>

编辑于2024-04-26

时间排序

热门排序

[上海|荣耀师兄]JS-杨亚洲
1

我用span标签做演示吧，总感觉用div怪怪的。

1、所有inline或者inline-block水平代码放在一行。
2、使用注释：给空白字符添加注释
3、>合并符号置于下一行
4、只有一个闭合标签。
5、margin负值
margin-left:-5px;
对后面两个span标签设置margin负值，约为5px;
6、设置letter-spacing。
7、设置word-spacing值。
8、父级设置word-spacing，子级设置letter-spacing
9、父级设置font-size:0，子级设置子级的font-size
10、span元素设置全部设置float:left;
11、设置父级为display:flex

查看全部>

编辑于2018-03-29

去第页