Question

我的浏览器中的html签名非常适合以下设计：

[   ] name 
[img] company
[   ] email

但是当我复制到gmail签名时，它似乎被打破了！图像处于错误的位置！

[   ]
[img]
[   ]
name
company
email

请帮我解决这个问题！

ps：我没有足够的声誉来发布图片。

<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>

Answer 1

我认为你错过了整个代码块的结束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>

插入响应式gmail html签名

1 个答案: