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

摘要:
--设置一个宽的div,其中文本溢出,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,无法获取其高度。

免责声明:文章转载自《div宽度固定,将其中的文字换行,并动态获取div的高》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇OPENXML解析sp_xml_preparedocument获取的XML句柄变量命名规范及str类型下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

event、fly.js、购物车特效

 先总结下区别: #鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。 event.clientX、event.clientY #鼠标相对于document文档区域的x、y坐标。这2个属性不是标准属性,但得到了广泛支持。IE8-的事件中没有这2个属性。 event.pageX、event.pag...

JavaScript实现页面滚动到div区域div以动画方式出现

用JavaScript实现页面滚动效果,以及用wow.js二种方式实现网页滚动效果 要实现效果是页面滚动到一块区域,该区域以动画方式出现。 这个效果需要二点: 一:我们要先写好一个css动画. 二:用js的监听页面滑动的距离在div刚出现时给div添加动画。 css动画 /*设置动画*/ @keyframes key {...

WPF 分页控件

注:此文原来写的,后来忘了什么原因删除了,在网上看到有人转载,我在转回来。 做项目时需要数据分页在网站找了半天也没有找到合适的,没办法自己写个,项目比较着急先凑合写个吧,有时间在重写下。 页面部分代码 <UserControl x:Class="Test.Pager" xmlns="http://schemas.microso...

让div在屏幕中居中(水平居中+垂直居中)的几种方法

水平居中方法: 1.inline,inline-block元素的水平居中,在父级块级元素中设置text-align:center; 2.确定宽度的块级元素水平居中方法 margin:0 auto; 绝对定位和margin-left:-(width/2)实现水平居中: 绝对定位+margin:0 auto + left:0 right:0 bottom...

在可编辑div中插入文字或图片的问题解决思路

最近在网上碰到一个人问了我一个问题,在可编辑div中插入文字或者图片。因为web在线编辑器我从来只是用,基本不会去研究源代码。后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码。 基本上编辑器或者在线聊天web页面,是不太可能用textarea在做输入框的,因为我们可能要插入图片或者超级链接,因此选择在iframe或者div作为输入框是必...

CSS制作凹环特效

就是在地面上打凿出凹的圆环效果,利用linear-gradient线性渐变增强内环质感,再用伪类after元素设置中心圆凸块的位置以及大小与跟内环之间的阴影度,然后设置内环的颜色就行了;第四个环上面的第二小凸块也同样适用伪类after元素然后设置z-index的顺序。在linear-gradient段内可以见到各种浏览器支持提示,Firefox Chrom...