如何围绕圆（第五圆）创建文本

Question

HTML和CSS的专业水平：初学者

目标：使用HTML和CSS添加围绕圆形外部的文本，就像这样：

五分之一圆

进度： https://codepen.io/annieg4123/pen/GGPayQ

问题：当我放置一个字母时，它会影响其他字母的位置。例如，如果我在left: 855px;上加上#Gb-Fsharp，则#C的位置也会改变。

问题：为什么会发生这种情况？我当前的字母定位方式不正确吗？如果是这样，我该怎么办？

Answer 1

您必须为css文件赋予正确的ID，并给字母提供固定的位置。 我为您制作问题样本 https://codepen.io/anon/pen/bKOyKQ

Answer 2

由于您使用的是相对定位，因此您的文本移位了。每当您添加新文本时，它将根据该文本对齐。假设您有一个left-align：50px的文本，如果在其间添加新文本，它将移动所有旧文本和元素。因此您必须给文本和元素指定固定位置或绝对位置。