等高布局

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>
<div style="display: table-row;word-break:break-all">
    <div style="display: table-cell;background: green;width:50px">555555555555555555555555555555555</div>
    <div style="display: table-cell;background: red;width:30px">555</div>
    <div style="display: table-cell;background: yellow">55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</div>
</div>

</body>
</html>
等高布局

推荐阅读
