- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试对 Hangul(韩语字符)进行颜色编码。每个“ block ”都会创建一个韩语音节。 Hangul 被分解为 Jamo(类似于英语中的字母)。当您键入韩语中的 jamo/字母时,它们通常会组合成一个音节,而计算机通常会将其视为一个 block 。我希望能够在不使用 span 的情况下从构成音节的字符引用列表中选择一个特定的字符引用。当我使用 span 时,字符引用从组合 block 中分离出来。我只想知道如何选择特定字符引用并为其着色,而无需将其分成不同的 block 。
我想做的几乎已经成功了,但是需要使用 position:absolute; margin 和 z-index 使元素重叠以创建 1 个 block 的错觉。但它并没有很好地设计 jamo 以使其看起来与其余的普通文本一致。另外,我认为可能还有更好的方法。
人物引用图表http://gernot-katzers-spice-pages.com/var/korean_hangul_unicode.html下面是混合字符引用和常规键入的韩文列表的示例。如果我想加空格,我可以加空格。像这样写时,由于使用了上面链接中的图表,韩文自然地形成了它的 block 。我如何选择 ㅂ 字母(ᆸ)
ᆸ
(니다 之前列表中的最后一个)并更改它的颜色而不是将其拆分到它自己的 block 中?
<p>감사 합니다</p>
在显示中,它看起来像这样감사 합니다
我可以使用这段代码来实现它。
<style>
.element { font-size:16px; position:absolute; }
#element-1 { color:red; z-index:1; }
#element-2 { color:red; margin:0px 0 0 3px; z-index:2; }
#element-3 { color:green; margin:0px 0 0 0px; z-index:3; }
</style>
<body>
<div>
<p><span style="color:red;">네, </span>
<span id="element-1" class="element">ᄀ</span>
<span id="element-2" class="element">ᅡ</span>
<span id="element-3" class="element">ᆷ</span>
<span style="color:green; margin-left: 19px;">사합니다</span>
</p>
</div>
</body>
应该显示哪个네, 감시합니다但是 감 看起来在风格上并不匹配,因为我确实跨越了 감 的每个字母,这将每个 jamo 放在每个 block 的相对部分,然后使用 z-index、边距和绝对位置技术将它们重叠。用作单独 block 时的字体样式在自然组合时是不一样的。
我认为最简单的方法是,如果我能弄清楚如何在 CSS 中选择字符引用和更改颜色,而无需创建单独的 block 。
最佳答案
简而言之,纯html/css是不可能的。
如您所知,韩语(Hangeul)jamos 在不同的音节上有不同的形状。例如,감的ㄱ和곤的ㄱ具有相同的代码(x1100)但形状不同(前者在左边长,后者在顶部宽)。 ㄱ(x1100)有10个或更多的形状,形状的数量由字体定义。
为了满足您的要求,您需要在 Canvas (或 svg)上绘制 jamo。这并不容易,但也不实用。
不过你想挑战,看https://github.com/hatemogi/hallatype/blob/master/README.md
格格gl
关于html - 有没有一种方法可以在不使用 span 的情况下为 Jamo 字母(韩语/韩语写作)选择特定的字符引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55526917/
我正在尝试使用 http://fsprojects.github.io/ExcelProvider/ 中的 ExcelProvider .我不确定我是否遗漏了什么,但有什么方法可以实际编写 Excel
我正在用 C 编写程序,我想我在内存方面遇到了一些麻烦。 所以我的问题是:我有 2 个返回结构的函数。当我一次只运行一个函数时,我没有任何问题。但是当我一个接一个地运行时,我在写入第二个结构时总是会出
我正在使用以下代码通过 scrapey 抓取数据: from scrapy.selector import Selector from scrapy.spider import Spider clas
我偶然发现了文件处理问题, 第二行无缘无故为您提供9的值, 第三行给出错误io.UnsupportedOperation:不可读 c = open("Test.txt", "w+") c.write(
我正在向 CSV 文件写入一个函数(正在运行),但是它在最后一行中被中途切断。我知道这可能与文件的关闭有关,但我认为我做得正确。 有什么可能出错的地方吗? from itertools import
作为新用户,我设法制作了一个蜘蛛可以爬行的电子商务网站并提取每个产品的标题和变体以及输出的 CSV 文件和产品线,但我希望的是这是逐行的变化,请有人帮助我推进我的项目。 我很期待这个问题,但不幸的是我
我只是一个在业余时间编写 iOS 和 Andorid 应用程序的人。我有一些 Android 应用程序,我认为它们很适合进行更新,使它们能够在 Honeycomb 上本地运行。 但是,由于我没有 Ho
嘿,所以我并没有真正弄乱它太多,但我想知道是否真的有一种方法(在我陷入无休止的兔子洞之前)在 Dart/Flutter 中读取和写入 CSV 文件?我需要写入文件,不一定要读取它们,而且我愿意为此付出
当谈到 OCaml 时,我是一个完整的新手。我最近才开始使用该语言(大约 2 周前),但不幸的是,我的任务是为一种组合语言制作一个语法分析器(解析器 + 词法分析器,其功能是接受或不接受句子)使用门希
你能给我一些很好的引用资料吗,我可以如何通过 .net 资源读写注册表? 我查看了网站,找不到任何有用的信息。 最佳答案 检查 BCL 中的 Registry 类 http://msdn.micros
我正在开发一个可以生成大量数据并将其存储到磁盘的系统。该公司之前开发的一个系统使用普通文件来存储其数据,但由于多种原因,它变得非常难以管理。 我相信 NoSQL 数据库对我们来说是很好的解决方案。我们
如主题标题。当我写:void fun(int *tab){} 和写 void fun(int tab[]){} 一样吗? 最佳答案 是的。 void fun(int *tab){} void fun(
想不通此函数(用于将互联网站点抓取为 pdf 的类的一部分)应该合并使用 pypdf 从网页生成的 pdf 文件。 这是方法代码: def mergePdf(self,mainname,inputli
我是一名优秀的程序员,十分优秀!