为什么要显示"内联"在Mac和Windows

时间:2015-12-30 14:39:58

标签: html css google-chrome

我有一个复杂的HTML结构,用于对齐所有HTML内容。我在锚标签上应用CSS display:inline;但它在Mac和Windows上的Chrome上并没有类似的显示。当站点在不同操作系统(Mac,Windows)上的同一浏览器上运行时,HTML的行为就不一样了。



<ul>
    <li>
        <span style="display: inline-block;">
            <a class="ReqFeedbackLink glyphicons list feedbackscloud" title="Submitted on: Dec 01 12:04 PM" style="padding-left: 20px; height: 18px; line-height: 18px; color: black;">Employee Handbook Acknowledgement (Rev. 4/6/2015) - Addendum 1
                <span style="color: Gray;">(Report: 330)</span>
                <span style="color: Gray; height: 18px; line-height: 18px; vertical-align: bottom;" title="Submitted on: Dec 01 12:04 PM"> signed by Bill Millington</span>
            </a>
            <span style="display: inline-block;" class="Feedbackicons">
                <a class="glyphicons pencil cloudPdpItems" style="margin-left: 7px;" title="Edit this document">&nbsp;</a>
            </span>
        </span>
    </li>
</ul>
&#13;
&#13;
&#13;

有没有办法在不同的操作系统上实现相同的行为?

1 个答案:

答案 0 :(得分:1)

这是完全正常的。这就是开发人员使用resetter stylesheets使一切从头开始的原因。并将所有浏览器放在同一级别。从其中一个开始,然后在其上构建页面的其余部分。