我正在尝试在网页周围设置黑色边框。左右两边,只做“width: 5%;” 在 CSS 中很好。但后来我希望 JS/jQuery 计算出有多少像素,并将其设为顶部和底部 div 的高度。
这可能吗?
谢谢。
我正在尝试在网页周围设置黑色边框。左右两边,只做“width: 5%;” 在 CSS 中很好。但后来我希望 JS/jQuery 计算出有多少像素,并将其设为顶部和底部 div 的高度。
这可能吗?
谢谢。
这应该适合你
var val = $(".leftAndRight").width();
$(".topAndBottom").height(val);
或者用一行:
$(".topAndBottom").height($(".leftAndRight").width());
您可以以编程方式确定边框宽度的值,将其分配给所有四个边框,并在调整大小时随时刷新它:
var width,
drawBorder = function () {
var body = $('body'),
width = body.width() * 0.05;
body.css('border-width', width + 'px');
};
drawBorder();
$(window).resize(function () {
drawBorder();
});
如果您在样式表中设置左右宽度,然后使用 JS 为顶部和底部提供相同的边框宽度,除非您使用调整大小功能,否则每次调整大小时左右边框都会改变,但上下边框将保持固定。
您可以使用 .width() 查找没有边框的宽度,使用 .outerWidth 查找包括边框的宽度。我认为 .outerWidth 还为您提供了您可能需要减去的填充宽度。