Question

假设我有<img>标签。我可以获得图像的宽度和高度，如

width = 150px height=200px

但是我想要图像占用多少屏幕？我有一个宽度为100％的表。这个表包含列第一栏我有5％的固定徽标。

第二栏我有一个锚标签。第三列我有图像，每行的宽度和高度都不同。

现在我需要设置第二列锚标记，以便文本根据第三列中的图像自动缩小或展开。

假设图像宽度为60％。现在第二列宽度应为35％（即100％-60％ - 5％）那么如何计算图像宽度占据的百分比（非像素）

感谢您的帮助

Answer 1

要计算图像的宽度，可以使用.width（）。

例如：

imageWidth = $("img.imageClass").width();

话虽如此，为了计算宽度百分比，您需要知道最宽图像的宽度。

$(window).load(function(){
    widestImg = 0;
    $("img.imageClass").each(function(){
        w = $(this).width();
        if (w > widestImg) { 
          widestImg = w;
        }
    });
});

最大图像的计算必须在窗口加载函数中运行，因为需要加载所有图像以进行准确评估。

现在，您可以通过简单划分

来获得百分比

percentage = $("img.imageClass").width() / widestImg;

添加提醒以获取帮助您的号码。

alert(percentage);

Answer 2

将要动态的列或单元格的width设置为100%。

jsFiddle

计算图像屏幕占用百分比

2 个答案: