0

我正在尝试在网页周围设置黑色边框。左右两边,只做“width: 5%;” 在 CSS 中很好。但后来我希望 JS/jQuery 计算出有多少像素,并将其设为顶部和底部 div 的高度。

这可能吗?

谢谢。

4

3 回答 3

3

这应该适合你

var val = $(".leftAndRight").width();
$(".topAndBottom").height(val);

或者用一行:

$(".topAndBottom").height($(".leftAndRight").width());
于 2013-06-06T10:12:29.417 回答
2

您可以以编程方式确定边框宽度的值,将其分配给所有四个边框,并在调整大小时随时刷新它:

var width,
    drawBorder = function () {
        var body = $('body'),
            width = body.width() * 0.05;
        body.css('border-width', width + 'px');
    };

drawBorder();

$(window).resize(function () {
    drawBorder();
});

演示

如果您在样式表中设置左右宽度,然后使用 JS 为顶部和底部提供相同的边框宽度,除非您使用调整大小功能,否则每次调整大小时左右边框都会改变,但上下边框将保持固定。

于 2013-06-06T11:51:14.377 回答
0

您可以使用 .width() 查找没有边框的宽度,使用 .outerWidth 查找包括边框的宽度。我认为 .outerWidth 还为您提供了您可能需要减去的填充宽度。

于 2013-06-06T10:07:47.053 回答