Safari 文本对齐让我很难过答案

【问题标题】：Safari text-alignment has me stumpedSafari 文本对齐让我很难过
【发布时间】：2014-01-13 20:12:09
【问题描述】：

我很难理解如何防止 Safari（在 Mac 上）对嵌套在某些 div 中的段落元素的对齐造成严重破坏。

可以在www.redkitesmusic.com/redkites 使用 Safari 网络浏览器查看问题加载页面后，选择 THE BAND。

这是我在 Safari 中得到的：

这就是我在 Chrome（和其他）中得到的内容

我已尝试使用 Web 开发人员检查器解决此问题，但无法找出问题所在。

HTML 和 CSS 紧随其后。

谢谢如果您能理解我的问题并提供可能的解决方案！

这是 HTML sn-p:

<div id="divPopupContent" style="display: block;" class="bios">
<div style="float:left;width:30%">
    <p>About me: I was born in Cameroon in 1989 but have lived in The Highlands of Scotland for most of my life. In 2010 I dropped out of my Ecology course in Aberdeen and moved to Guildford to form a band…</p>

这是适用的 CSS

#divPopupContent {
    background-color: #EEF;
    border-radius: 6px 6px 6px 6px;
    color: #333;
    float: left;
    font-size: 0.9em;
    height: 92%;
    letter-spacing: 1px;
    line-height: 1.6em;
    margin-left: 6px;
    /*margin-top: -18px;*/
    margin-top: 6px;
    overflow:  hidden;
    padding: 4px;
    padding-right: 18px;
    position: relative;
    width: 72%;
    z-index: 10;
}

#divPopupContent.bios {
    width: 78%;
}

#divPopupContent div:first-child {
    height: 97%;
    opacity: 0.8;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px;
}

【问题讨论】：

标签： html css macos safari

【解决方案1】：

这是因为您使用的字体。
在某些版本的 safari 浏览器上，字体无法正常显示。

【讨论】：

你知道吗？你很准确，谢谢。昨天我终于回到了这个问题——手里拿着一台 Mac——突然间我灵光一现，认为 .ttf 可能是问题所在。我将其删除并恢复为简单的“衬线”，一切正常。感谢您的帮助！

【解决方案2】：

这很奇怪。当我在我的 Safari 浏览器（版本 7.0 (9537.71)，Mac OS 10.9）中将您的代码放入 Codepen 时，它看起来非常正常：

http://codepen.io/anon/pen/JjhKk

那个 Codepen 在你的 Safari 中看起来很奇怪吗？

【讨论】：

您好，感谢您的关注。将测试并尽快回复，
看起来不错。也许我必须得出结论，这是一些令人不安的外部组件设置。