插入响应性gmail html签名

插入响应性gmail html签名,html,signature,Html,Signature,我在浏览器中的html签名非常好,具有以下设计: [ ] name [img] company [ ] email 但当我复制到gmail签名时,它似乎坏了!图像站错位置了 [ ] [img] [ ] name company email 请帮我解决这个问题 附言:我没有足够的声誉来发布图片 <div class = "col-lg-12 col-md-12" style ="display:inline"> <div class = "col-xs-1

我在浏览器中的html签名非常好,具有以下设计:

[   ] name 
[img] company
[   ] email
但当我复制到gmail签名时,它似乎坏了!图像站错位置了

[   ]
[img]
[   ]
name
company
email
请帮我解决这个问题

附言:我没有足够的声誉来发布图片

<div class = "col-lg-12 col-md-12" style ="display:inline">
<div class = "col-xs-1 col-sm-1" style = "padding:0 0 0 0;display:inline">
    <img src="http://i.imgur.com/8wclWry.png" width="65px" height="65px" id="sigPhoto"> 
</div>


<div class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; display:inline">
    <p class = "col-lg-11 col-md-10" style = "padding:0 0 0 0">  
        <span id = "name">  
            Ta Quynh Giang <!-- Name here-->
        </span>
    </p>
    <p class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; display:inline">
        <span>
            Marketing Manager - ABIVIN Vietnam, JSC.
        </span>
    </p>
    <div class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; margin-top: 5px; display:inline">
        <div class = "col-md-2 col-sm-4 info" style = "padding:0 0 0 0 ;display:inline">
            <span id = "head-info"> M </span>&nbsp;&nbsp;+84 168 992 1733
        </div>
        <div class = "col-md-2 col-sm-4 info" style = "padding:0 0 0 0; display:inline">
            <span id = "head-info"> W </span>&nbsp;&nbsp;<a href = "abivin.com">http://abivin.com</a>
        </div>   
    </div>
    <div class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; margin-top: 5px; display:inline">
        <div class = "col-md-2 col-sm-4 info" style = "padding:0 0 0 0; display:inline">
            <span id = "head-info"> E </span>&nbsp;&nbsp;giangta@abivin.com
        </div>
        <div class = "col-md-3 col-sm-5 info" style = "padding:0 0 0 0; display:inline">
            <span id = "head-info"> A </span>&nbsp;&nbsp;&nbsp;R503, 35 Lang Ha, Hanoi, Vietnam
        </div>   
    </div>
</div>

塔群江

营销经理-ABIVIN Vietnam,JSC。

M+84 168 992 1733 W Egiangta@abivin.com 越南河内浪下35号A R503

我认为您在整个代码块中缺少了一个结束div标记(当然是在上面发布的代码中),这在某些情况下会抛出html对齐方式。我已经在下面纠正了这一点——尽管我无法在您使用代码的情况下进行测试

<div class='col-lg-12 col-md-12' style='display:block'>
    <div class='col-xs-1 col-sm-1' style='padding:0;display:inline'>
        <img src='http://i.imgur.com/8wclWry.png' width='65px' height='65px' id='sigPhoto'> 
    </div>


    <div class='col-lg-11 col-md-10' style='padding:0; display:inline'>
        <p class='col-lg-11 col-md-10' style='padding:0'>  
            <span id='name'>  
                Ta Quynh Giang <!-- Name here-->
            </span>
        </p>
        <p class='col-lg-11 col-md-10' style='padding:0; display:inline'>
            <span>
                Marketing Manager - ABIVIN Vietnam, JSC.
            </span>
        </p>
        <div class='col-lg-11 col-md-10' style='padding:0; margin-top: 5px; display:inline'>
            <div class='col-md-2 col-sm-4 info' style='padding:0 ;display:inline'>
                <span id='head-info'> M </span>&nbsp;&nbsp;+84 168 992 1733
            </div>
            <div class='col-md-2 col-sm-4 info' style='padding:0; display:inline'>
                <span id='head-info'> W </span>&nbsp;&nbsp;<a href='http://abivin.com' target='_blank'>http://abivin.com</a>
            </div>   
        </div>
        <div class='col-lg-11 col-md-10' style='padding:0; margin-top: 5px; display:inline'>
            <div class='col-md-2 col-sm-4 info' style='padding:0; display:inline'>
                <span id='head-info'> E </span>&nbsp;&nbsp;giangta@abivin.com
            </div>
            <div class='col-md-3 col-sm-5 info' style='padding:0; display:inline'>
                <span id='head-info'> A </span>&nbsp;&nbsp;&nbsp;R503, 35 Lang Ha, Hanoi, Vietnam
            </div>   
        </div>
    </div>
</div>

塔群江

营销经理-ABIVIN Vietnam,JSC。

M+84 168 992 1733 W Egiangta@abivin.com 越南河内浪下35号A R503
尝试将内联样式分配给签名的各种元素……我添加了代码,您能更清楚地回答吗谢谢