Javascript - 将align =转换为float的方法:

时间:2012-02-02 13:45:38

标签: javascript jquery html css

对于HTML新闻稿我必须使用不推荐使用的align属性来定位图像 - 这在电子邮件上工作正常,但在IE中,align属性没有效果,因此可以定位包含align的任何元素,并转换它漂浮?内容是在CMS中创建的 - 如果可以避免,我宁愿避免要求用户向图像添加类。谢谢!

1 个答案:

答案 0 :(得分:1)

假设HTML的目标是网页,而不是在线电子邮件客户端;要定位具有align属性的所有图像并将其转换为float,您需要以下内容:

$('img[align]').each(function(){

    // perform conversion
    if($(this).attr('align') == 'left')
        $(this).css('float', 'left');
    else if $(this).attr('align') == 'right')
        $(this).css('float', 'right');

    // remove old align tag
    $(this).removeAttr('align');
});

根据需要添加更多转化,我只添加了leftright作为示例。

明确转换每个可能值的原因是middletopbottom不是float的有效值。您可能需要修改CSS属性vertical-align,但不要引用我的那个。