我有一个复杂的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"> </a>
</span>
</span>
</li>
</ul>
&#13;
有没有办法在不同的操作系统上实现相同的行为?
答案 0 :(得分:1)
这是完全正常的。这就是开发人员使用resetter stylesheets使一切从头开始的原因。并将所有浏览器放在同一级别。从其中一个开始,然后在其上构建页面的其余部分。