Question

我正在为CSS中的响应表创建表头，如下所示：

td:nth-of-type(1):before { content: "Abfahrtszeitpunkt"; }
td:nth-of-type(2):before { content: "Startort"; }
td:nth-of-type(3):before { content: "Zielort"; }
td:nth-of-type(4):before { content: "Karte"; }
td:nth-of-type(5):before { content: "Bewertung"; }
td:nth-of-type(6):before { content: "Fahrt löschen"; }

但是当我在我的webbrowser中加载这个表时，“ö”没有以正确的方式显示。网侧只打印出带有问号的菱形。我已经尝试用html和javascript修复它，但它不起作用。有没有一种简单的方法来解决我的问题？

Answer 1

如果没有更多的东西继续下去很难具体，但某些东西正在被解释为一个字符编码实际上它是另一个。确保整个堆栈使用相同的编码（例如UTF-8）非常有用。必要的链接：The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!)

作为解决方法，您可以在CSS中使用\f6 ö（在HTML中，您使用ö），但是＆＃39; sa 解决方法，而不是解决方案。解决方案是确保您的文件编码一致，并且您的服务器使用必要的标头为它们提供服务，以说明编码是什么。这是一份清单：

选择一种编码。 UTF-8是西方文本的一个非常受欢迎的选择，有很好的工具支持。
您的编辑器和其他内容生成工具：确保他们知道您希望使用UTF-8，而不是您的操作系统的默认编码（这取决于许多现代* nix系统，它＆＃39; s UTF-8或ISO-8859-1;对于Windows，它是ISO-8859-1或Windows-1252 [非常类似]。）
您的数据库：如果您的堆栈中有数据库，那么您需要确保表中的文本列使用正确的编码。
您的网络服务器：确保将其设置为使用正确完整的Content-Type标头投放文件，例如Content-Type: text/html; charset=UTF-8（对于HTML文件）
我总是将<meta charset="UTF-8">元标记放在HTML文件head的顶部。这主要是因为如果我在浏览器中直接从文件系统打开它们（而不是通过服务器），浏览器就知道我在它们上使用了什么编码。一些HTML编辑器非常聪明，可以查看它并确保它们也能在指定的编码中工作。

用CSS打印出变异的元音

1 个答案: