把div轉換為table的td,橫向排列,div等高
阿新 • • 發佈:2019-02-05
<!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>
<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>