テキストオーバーフロー：省略記号を無視モバイルの右側の埋め込み

Question

私は、各側にいくつかの詰め物と、省略記号で中央揃えのテキストを切り捨てるようにスタイルがあります。それはデスクトップブラウザを使用しているときに機能しますが、iPadではテキストが正しいパディングを無視し、正しく配置されません。

私はスタイリングのためにこれを使用しています：

div { 
    text-overflow: ellipsis; 
    width: 120px; 
    padding: 0 38px; 
    overflow: hidden; 
    white-space: nowrap; 
    border: 1px solid black; 
    text-align: center; 
} 

の例では、ここで見ることができます。問題を確認するにはiPadで見る。 http://jsfiddle.net/35Lyk9yp/

私はこれがモバイルブラウザのバグかもしれないと思いますか？ iOS SafariやChromeでは動作しませんでしたが、Windows SafariやChrome、Firefoxでは問題ありません。それには簡単な回避策がありますか？

編集：

私は省略記号を行うために使用し、その後パディングを設定するために、外側divを使用するコンテンツとインナーdivを使用することにより回避策を発見しました。しかし、1つの要素でそれを回避する方法がある場合は、私に教えてください。

Answer 1

コードを稼働させるには、CSS overflow,widthおよびdisplayが必要です。

おそらくdisplayがありません。