javascript - 自调整 CSS 边框宽度

标签 javascript jquery html css

<分区>

例如,我有一个 div 元素:

<div style="height: 10%; width: 20%; border: 1px solid black">
     Div Content
</div>

因为上面的 div 有 % 的高度和宽度,我希望在调整元素大小时边框宽度也能调整。看起来除了像素之外没有办法指定边框宽度。那么有什么办法可以调整边框宽度呢?

最佳答案

您可以使用 jQuery。例如:var x = $(".div-class").width() 或 .height 现在您有了以像素为单位的 div 高度或宽度。进行一些计算以获得边框高度。例如我们需要 10% 的高度。 var borderHeight = x *0.1; 现在只给 div $("div-name").css("border-size",borderHeight + "px");

关于javascript - 自调整 CSS 边框宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28715182/

相关文章:

javascript - jQuery 延迟加载图像与节流?

javascript - socket.io - socket.on 等待 promise

javascript - 如何调用父变量i++

javascript - 在附加元素内附加元素在 jQuery 中不起作用

html - 导航栏中的中心品牌

html - Div 全屏响应 : vertical centering

javascript - Protractor 测试 - 如何将鼠标位置重置为默认原点

jquery - 如何使用 jquery 显示图像的一部分?

javascript - 如何使用 jquery 在 div 中合并多色?

html - 在图像旁边放置文本