div宽度固定，将其中的文字换行，并动态获取div的高

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="../jquery.js"></script>
</head>
<body>
    <!-- 设置宽的div，其中的文字溢出，div不会被撑开，文字会跑出来 -->
    <div style=" 50px;background: gray">hahahhahahahahhaha</div>
    <!-- 设置换行 -->
    <div style=" 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,无法获取其高度。