非table 布局重叠边框合并方法

最新推荐文章于 2024-03-29 16:09:37 发布

ISaiSai

最新推荐文章于 2024-03-29 16:09:37 发布

阅读量7.1k

点赞数 3

分类专栏： CSS 文章标签： css

CSS 专栏收录该内容

94 篇文章 1 订阅

订阅专栏

使用

margin-right: -1px;
margin-bottom: -1px;

可以合并重复的边框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .item {
            float: left;
            border: 1px solid red;
            margin-right: -1px;
            margin-bottom: -1px;
            width: 158px;
            height: 180px;;
        }

        .wrapper {
            width: 400px;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <div class="item">

    </div>
    <div class="item">

    </div>
    <div class="item">

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