相关疑难解决方法(0)

CSS"display:table-column"应该如何工作?

鉴于以下HTML和CSS,我在浏览器中看不到任何内容(Chrome和IE在撰写本文时最新).一切都崩溃到0x0像素.为什么?

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        section { display: table; height: 100%; background-color: grey; }

        #colLeft { display: table-column; height: 100%; background-color: green; }
        #colRight { display: table-column; height: 100%; background-color: red; }

        #row1 { display: table-row; height: 100%; }
        #row2 { display: table-row; height: 100%; }
        #row3 { display: table-row; height: 100%; }

        #cell1 { display: table-cell; height: 100%; }
        #cell2 { display: table-cell; height: 100%; }
        #cell3 { display: table-cell; height: 100%; }
    </style>
</head>
<body>
    <section> …
Run Code Online (Sandbox Code Playgroud)

css tablelayout css-tables

78
推荐指数
2
解决办法
10万
查看次数

标签 统计

css ×1

css-tables ×1

tablelayout ×1