<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../jquery.js"></script> </head> <body> <!-- 设置宽的div，其中的文字溢出，div不会被撑开，文字会跑出来 --> <div style="width: 50px;background: gray">hahahhahahahahhaha</div> <!-- 设置换行 --> <div style="width: 50px;background: blue;white-space: normal;word-break: break-all;float: left" id="mydiv_1">hahahhahahahahhaha</div> <script> //动态获取元素的高 console.log($("#mydiv_1").css("width")); </script> </body> </html>
注意点：如果div的display为none,无法获取其高度。
原文：http://www.cnblogs.com/mallocLNode/p/7569154.html