如果文本溢出自動添加省略號在HTML5 Windows 8應用

Question

我一直有一個很難尋找有關Windows 8開發任何東西，很抱歉，如果這是簡單而有某處...

有什麼辦法如果內容在Windows 8 HTML5應用程序中溢出，會自動在標題/段落/ etc的末尾放置省略號（...）？我知道Mozilla支持text-overflow: ellipses;，但這不適用於此，-ms-text-overflow: ellipses;也不支持。

Answer 1

根據這篇文章：http://msdn.microsoft.com/en-us/library/windows/apps/hh996980.aspx這應該工作：

-ms-text-overflow: ellipsis; 

確保有關拼寫：省略號，沒有省略號。

Answer 2

查找給定功能狀態的好方法是在caniuse.com上進行檢查。如果IE10支持給定的功能，您應該可以在Windows應用商店的HTML/JS應用程序中使用它。該caniuse.com搜索是非常強大的，就像這樣：

http://caniuse.com/#search=text-overflow

和有資源的鏈接，如http://www.css3files.com/text/，瞭解更多信息和正確的語法。

至於包裝和文本溢出：省略號在一起，顯然這是不可能的純CSS，但也有鄉親在這裏建議上，這樣可能值得嘗試一些變通方法：

Anybody know a way to use CSS text-overflow on text that's wrapping?

有關開發Windows應用商店應用的更多信息，請查看Generation App。