并列div 等高（任何一个变高，其余随之变高）

来源：互联网发布：mac六维空间打不开编辑：程序博客网时间：2024/04/28 23:53

直接上html

<!DOCTYPE html><html>    <head>        <style>            .wrap{                border: 2px solid red;                width: 300px;                display: table;            }            .wrap .child{                width: 100px;                display: table-cell;                word-break: break-all;            }            .p1{                background-color: #0080FF;            }            .p2{                background-color: #C09853;            }            .p3{                background-color: plum;            }        </style>    </head>    <body>        <div class="wrap">            <p class="child p1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>            <p class="child p2">bbbbbbbbbbbbbbbbbbbbbbbbbbb</p>            <p class="child p3">cccccccccccccccc</p>        </div>    </body></html>

0 0