質問: cssテキストオーバーフロー:省略記号。働いていませんか? この単純なcssが機能しない理由がわかりません... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">test test test test test test</a> </div> 4回目の "テスト"の前後でカットオフする必要があります
回答: ie10以下では、word-wrapが normal に設定されていることも確認してください。 以下で参照される標準は、このプロパティの動作を "text-wrap"プロパティの設定に依存していると定義しています。ただし、internet explorerは "text-wrap"プロパティをサポートしていないため、windows internet explorerではwordwrap設定は常に有効です。 したがって、私の場合、word-wrapを break-word (継承または既定では?)に設定したため、text-overflowはffおよびchromeで機能しますが、ieでは機能しません。 ワードラッププロパティのms情報