Javascript图像填充

我试图创建一个Tumblr主题，但是我总是遇到这个错误，如果我的图像的宽度不等于500像素，并且在下面，文本将在页面的右侧运行，而不是在下面

我想知道是否有人知道如何创建一个脚本来获取图像id中图像的宽度值，并在左右两侧窗格上创建一个等于500 px的填充

我一点也不懂javascript，所以我只想简单介绍一下我预期会发生什么

<script type="text/javascript">
document.onload
var a = document.getElementbyId('photo')
if a < 500 function d() ({
a = obtain image width
var c = (500 - (var a))/2
function e()(
{style.padding-right: (var c); style.padding-left: (var c);});
)};
</script>

document.onload
var a=document.getElementbyId（'photo'）
如果a<500函数d（）({
a=获取图像宽度
变量c=（500-（变量a））/2
函数e（）(
{style.padding-right:（var c）；style.padding-left:（var c）；}）；
)};

我显然不懂Javascript，所以请原谅我写了一个简短的mumbojumbo摘录，但我只是想更清楚地了解如何做到这一点

---

我可以使用jQuery。

既然您对使用jQuery持开放态度，下面的代码应该会让您非常熟悉：

// Get the width of the photo
var width = jQuery('#photo').width();
// Only add padding if less than 500 wide
if (width < 500) {
    // Padding left / right should be half the difference
    var padding = (500 - width) / 2;
    // Apply padding to the photo
    jQuery('#photo').css("padding", "0 " + padding + "px");
}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function() {
        var $photo = $('#photo');
        var width = $photo.width();
        if (width < 500) {
            var padding = (500 - width)/2;
            $photo.css("padding-right", padding);
            $photo.css("padding-left", padding);
        }
    });
</script>

//获取照片的宽度
var width=jQuery（'#photo'）.width（）；
//仅当宽度小于500时添加填充
如果（宽度<500）{
//左/右填充应该是差异的一半
变量填充=（500-宽度）/2；
//对照片应用填充
jQuery（'#photo'）.css（“padding”，“0”+padding+“px”）；
}

既然您可以使用jQuery，那么下面的代码应该可以让您非常接近：

// Get the width of the photo
var width = jQuery('#photo').width();
// Only add padding if less than 500 wide
if (width < 500) {
    // Padding left / right should be half the difference
    var padding = (500 - width) / 2;
    // Apply padding to the photo
    jQuery('#photo').css("padding", "0 " + padding + "px");
}

//获取照片的宽度
var width=jQuery（'#photo'）.width（）；
//仅当宽度小于500时添加填充
如果（宽度<500）{
//左/右填充应该是差异的一半
变量填充=（500-宽度）/2；
//对照片应用填充
jQuery（'#photo'）.css（“padding”，“0”+padding+“px”）；
}

既然您可以使用jQuery，那么下面的代码应该可以让您非常接近：

// Get the width of the photo
var width = jQuery('#photo').width();
// Only add padding if less than 500 wide
if (width < 500) {
    // Padding left / right should be half the difference
    var padding = (500 - width) / 2;
    // Apply padding to the photo
    jQuery('#photo').css("padding", "0 " + padding + "px");
}

//获取照片的宽度
var width=jQuery（'#photo'）.width（）；
//仅当宽度小于500时添加填充
如果（宽度<500）{
//左/右填充应该是差异的一半
变量填充=（500-宽度）/2；
//对照片应用填充
jQuery（'#photo'）.css（“padding”，“0”+padding+“px”）；
}

既然您可以使用jQuery，那么下面的代码应该可以让您非常接近：

// Get the width of the photo
var width = jQuery('#photo').width();
// Only add padding if less than 500 wide
if (width < 500) {
    // Padding left / right should be half the difference
    var padding = (500 - width) / 2;
    // Apply padding to the photo
    jQuery('#photo').css("padding", "0 " + padding + "px");
}

//获取照片的宽度
var width=jQuery（'#photo'）.width（）；
//仅当宽度小于500时添加填充
如果（宽度<500）{
//左/右填充应该是差异的一半
变量填充=（500-宽度）/2；
//对照片应用填充
jQuery（'#photo'）.css（“padding”，“0”+padding+“px”）；
}

当您计划定期操作html元素时，我强烈建议您使用jQuery。下面是一个使用jQuery的示例

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function() {
        var $photo = $('#photo');
        var width = $photo.width();
        if (width < 500) {
            var padding = (500 - width)/2;
            $photo.css("padding-right", padding);
            $photo.css("padding-left", padding);
        }
    });
</script>

$（函数（）{
var$photo=$（“#photo”）；
var width=$photo.width（）；
如果（宽度<500）{
变量填充=（500-宽度）/2；
$photo.css（“padding right”，padding）；
$photo.css（“左填充”，填充）；
}
});

当您计划定期操作html元素时，我强烈建议您使用jQuery。下面是一个使用jQuery的示例

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function() {
        var $photo = $('#photo');
        var width = $photo.width();
        if (width < 500) {
            var padding = (500 - width)/2;
            $photo.css("padding-right", padding);
            $photo.css("padding-left", padding);
        }
    });
</script>

$（函数（）{
var$photo=$（“#photo”）；
var width=$photo.width（）；
如果（宽度<500）{
变量填充=（500-宽度）/2；
$photo.css（“padding right”，padding）；
$photo.css（“左填充”，填充）；
}
});

当您计划定期操作html元素时，我强烈建议您使用jQuery。下面是一个使用jQuery的示例

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function() {
        var $photo = $('#photo');
        var width = $photo.width();
        if (width < 500) {
            var padding = (500 - width)/2;
            $photo.css("padding-right", padding);
            $photo.css("padding-left", padding);
        }
    });
</script>

$（函数（）{
var$photo=$（“#photo”）；
var width=$photo.width（）；
如果（宽度<500）{
变量填充=（500-宽度）/2；
$photo.css（“padding right”，padding）；
$photo.css（“左填充”，填充）；
}
});

当您计划定期操作html元素时，我强烈建议您使用jQuery。下面是一个使用jQuery的示例

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function() {
        var $photo = $('#photo');
        var width = $photo.width();
        if (width < 500) {
            var padding = (500 - width)/2;
            $photo.css("padding-right", padding);
            $photo.css("padding-left", padding);
        }
    });
</script>

$（函数（）{
var$photo=$（“#photo”）；
var width=$photo.width（）；
如果（宽度<500）{
变量填充=（500-宽度）/2；
$photo.css（“padding right”，padding）；
$photo.css（“左填充”，填充）；
}
});

您愿意使用jQuery吗？如果是这样，这就变得相当简单了<代码>var width=jQuery（'#photo'）.width（），其余的也很简单。@cale_b是的，我愿意使用jQuery，但是我不想调整图像的大小，因为它可能会扭曲内容持有者，这就是为什么我只想在图像的左右两侧添加填充以使图像居中，而不建议使用它来设置宽度-该函数将获得宽度。下面是答案…如果你能提供一些标记细节，这可以通过CSS单独解决。你愿意使用jQuery吗？如果是这样，这就变得相当简单了<代码>var width=jQuery（'#photo'）.width（），其余的也很简单。@cale_b是的，我愿意使用jQuery，但是我不想调整图像的大小，因为它可能会扭曲内容持有者，这就是为什么我只想在图像的左右两侧添加填充以使图像居中，而不建议使用它来设置宽度-该函数将获得宽度。下面是答案…如果你能提供一些标记细节，这可以通过CSS单独解决。你愿意使用jQuery吗？如果是这样，这就变得相当简单了<代码>var width=jQuery（'#photo'）.width（），其余的也很简单。@cale_b是的，我愿意使用jQuery，但是我不想调整图像的大小，因为它可能会扭曲内容持有者，这就是为什么我只想在图像的左右两侧添加填充以使图像居中，而不建议使用它来设置宽度-该函数将获得宽度。下面是答案…如果你能提供一些标记细节，这可以通过CSS单独解决。你愿意使用jQuery吗？如果是这样，这就变得相当简单了<有限公司