让div以table的形式显示

最新推荐文章于 2022-05-16 16:28:35 发布

mattwin

最新推荐文章于 2022-05-16 16:28:35 发布

阅读量527

点赞数

分类专栏：网站技术相关文章标签： div table class float ie html

本文链接：https://blog.csdn.net/mattwin/article/details/2222876

版权

网站技术相关专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<html>
<head>
<style>
.equal {
display:table;
border-collapse:separate;
}
.row {
display:table-row;
}
.row div {
display:table-cell;
}
.row .one {
width:200px;
}
.row .two {
width:200px;
}
.row .three {

}
</style>

</head>
<body>
<div class="equal">
    <div class="row">
        <div class="one">dddddddddddddddd</div>
        <div class="two">dfffffffffffffffffff</div>
        <div class="three">faaaaaaaaaaaaaaaaaaaaaa</div>
        
    </div>
</div>
</body>
</html>