您的位置：首页 > Web前端 > CSS

把div转换为table的td,横向排列，div等高

2016-07-18 10:43 381 查看
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

        .leftHeight{width: 300px;border: solid 1px red; }

        .centerHeight{width: 200px;border: solid 1px blue; }

        .rightHeight{width: 500px; border: solid 1px black; }

        .leftHeight,.centerHeight,.rightHeight{ padding: 10px;  display: table-cell;  }

    </style>

</head>

<body>

<div class="contain">

    <div class="leftHeight">

     
第一章有讲语法有挺多常见的坑点和原理解释很不错

    </div>

    <div class="centerHeight">

     
第一章有讲语法有挺多常见的坑点和原理解释很不错第二章DOM编程讲述了挺多API第三章事件处理机制其实对事件中的this关键字和事件传播顺序讲解还不错第四章WebStorage本地存储例子鲜明

    </div>

    <div class="rightHeight">

     第一章有讲语法有挺多常见的坑点和原理解释很不错第二章DOM编程讲述了挺多API第三章事件处理机制其实对事件中的this关键字和事件传播顺序讲解还不错第四章WebStorage本地存储例子鲜明第五章Worker应付复杂的js操作第六章客户端通信WebSocket挺有用,可以实现用户与用户在浏览器中互动1、JavaScript语法1.1执行js代

    </div>

     </div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css table table-cell
相关文章推荐
新的分享
章节导航