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

Question

对于 HTML 时事通讯，我必须使用已弃用的 align 属性来定位图像 - 这在电子邮件中运行良好，但在 IE 中，align 属性无效，因此是否可以定位任何包含 align 的元素，并转换它漂浮？内容是在 CMS 中创建的——如果可以避免，我宁愿避免要求用户向图像添加类。谢谢!

Answer 1

假设 HTML 的目标是网页而不是在线电子邮件客户端；要定位所有具有对齐属性的图像并将其转换为 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');
});

如果需要可以添加更多的转换，我只添加了left和right作为例子。

显式转换每个可能值的原因是因为 middle、top 和 bottom 不是 float< 的有效值。您可能需要修改 CSS 属性 vertical-align，但不要在这方面引用我的话。