css自动获取宽度

html-css015

css自动获取宽度,第1张

一、创建一个新的HTML文件

二、创建HTML标记和内容。

三、预览效果如图所示。

四、设置左边框的宽度border-left-width: 15px。

五、预览效果如图。

六、设置左边框的宽度border-left-width: thin。

七、预览效果如图所示。

常用div宽度获取 dom.offsetWidth:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值为四舍五入后的整数 dom.getBoundingClientRect().width:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值不会四舍五入 window.getComputedStyle(dom).width:只读属性,返回元素内容宽度的数值和单位(string)(content) dom.scrollWidth:只读属性,返回全部content+ padding 的宽度数值(int) dom.clientWidth:只读属性,返回元素内容可视区域的宽度(content + padding)

用jquery 可以轻松获取到:

代码:

var obj=$('.ts')

var offset = obj.offset()

var width=offset.left+obj.width()

OK! width就是你想要的父对象a 标签的宽度.

怎么样?可以吧.