1. 程式人生 > >div寬度固定,將其中的文字換行,並動態獲取div的高

div寬度固定,將其中的文字換行,並動態獲取div的高

rip title oat clas 獲取 pre jquery logs -c

<!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,無法獲取其高度。

div寬度固定,將其中的文字換行,並動態獲取div的高