让div以table的形式显示

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

原创最新推荐文章于 2022-05-16 16:28:35 发布 · 562 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #table #class #float #ie #html

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

15 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现的三列等高表格布局方法，重点在于如何通过不同的CSS类来控制各列的宽度，并提供了针对Internet Explorer浏览器的兼容性解决方案。

<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>