文本溢出在Safari中居中顯示的文本很奇怪

Question

這是一些Safari bug嗎？

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

文本對齊：中心

沒有文字對齊：中心

Answer 1

它修復了問題，我

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

Answer 2

這是由於填充。如果你刪除它，那麼它應該工作。

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

尖叫：

寬：