文本溢出在Safari中使用居中文本很奇怪

Question

这是某种Safari错误吗？

<div style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 250px;text-align:center">
Skin-to-Skin Direct Look Cadaveric Training Program
</div>

文字对齐：中心

没有text-align：center

Answer 1

这是由于填充。如果你删除它，它应该工作。

HTML

<link rel="stylesheet" href="style.css" />

<div class="mydiv">
Skin-to-Skin Direct Look Cadaveric Training Program
</div>

CSS

.mydiv {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* padding: 0 250px;*/
    text-align:center;
    background-color: green;    
}

尖叫：

广：

Answer 2

它解决了我的问题

<div style="padding:0 250px;">
  <div style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center">
   Skin-to-Skin Direct Look Cadaveric Training Program
  </div>
</div>