gpt4 book ai didi

css - 寻找生成文本的 CSS?

转载 作者:太空宇宙 更新时间:2023-11-04 04:37:22 24 4
gpt4 key购买 nike

我正在从事一个国际化/本地化 Web 应用程序的元素。我正在研究哪些 CSS 结构可以插入或生成文本内容。

我知道 ::before and ::after pseudo-elements并基于 MDN content CSS property文档,我想这就是全部。还有其他我应该注意的结构吗?

element:after  { style properties }  /* CSS2 syntax */

element::after { style properties } /* CSS3 syntax */

此外,我确实知道我有一些图像(和图像 Sprite ),其中包含 background-url 结构中使用的英文单词。

编辑:我最初的问题并不清楚,但我正在重构整个应用程序中的硬编码语言字符串,并试图在 CSS 中找到它可能存在的位置。我对服务器和客户端生成的 View 很有信心,对带有文本内容的图像则不太自信,并且不清楚哪些 CSS 结构可能包含可显示的英文文本。

最佳答案

你在问题​​中提到的是什么CSS必须生成文本,如果我们不计算CSS3 Generated and Replaced Content Module的话。 ,2003 年的工作草案。该草案使 content 属性也适用于普通元素,这样您就可以替换元素内容,而不仅仅是添加内容(这样您可以有 .greeting:lang(en) { content: "Hello world!"} .greeting:lang(es) { content: "¡Hola, mundo!"})。但这仅在 Opera 中实现。

使用 CSS 进行本地化的更现实的方法是将所有语言变体作为不同的元素放置在 HTML 文档中,具有 lang 属性,并在 CSS 中在它们之间进行选择,例如

<style>
[lang=es] [lang=en],
[lang=en] [lang=es]
{ display: none; }
</style>
<body lang=en>
<p lang=en>Hello world!</p>
<p lang=es>¡Hola, mundo!</p>

然后,您只需更改 body 元素上的 lang 属性值即可更改可见文本的语言。

这种方法存在本质缺陷,所以我描述它基本上是为了表明 CSS 不是本地化的答案。这是您可以通过这种方式获得的最好结果,但它并不好。对于网页,您不希望为搜索引擎提供包含此类内容混合语言的页面。对于应用程序,JavaScript 是一个更好的工具。

另一方面,本地化带来了一些特定的问题 challenges样式,例如文本用完了盒子,因为一些翻译比视觉设计师预期的长两倍。

关于css - 寻找生成文本的 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16097016/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com