Html 在圆内居中加号

我有以下几点

.circle{
字号：4.42em；
字体大小：300；
宽度：106px；
边界半径：50%；
/*颜色：白色*/
线高：94px；
垂直对齐：中间对齐；
高度：106px；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
过渡：所有0.4缓进缓出；
}

---

+

您可以使用以下样式：

.circle
{
字号：4.42em；
字体大小：300；
宽度：106px；
边界半径：50%；
颜色：#000000；
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
高度：106px；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
过渡：所有0.4缓进缓出；
}

---

+

您可以使用以下样式：

.circle
{
字号：4.42em；
字体大小：300；
宽度：106px；
边界半径：50%；
颜色：#000000；
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
高度：106px；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
过渡：所有0.4缓进缓出；
}

---

+

更改

行高度

以匹配

高度

.circle{
字号：4.42em；
字体大小：300；
宽度：106px；
边界半径：50%；
颜色：白色；
线高：106px；
垂直对齐：中间对齐；
高度：106px；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
过渡：所有0.4缓进缓出；
文本对齐：居中；
背景色：红色；
}

---

+

更改

行高度

以匹配

高度

.circle{
字号：4.42em；
字体大小：300；
宽度：106px；
边界半径：50%；
颜色：白色；
线高：106px；
垂直对齐：中间对齐；
高度：106px；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
过渡：所有0.4缓进缓出；
文本对齐：居中；
背景色：红色；
}

---

+

将您的

行高度设置为相同的
高度
，您不需要
垂直对齐
，但需要
文本对齐：居中


.circle{
字号：4.42em；
字体大小：300；
宽度：106px；
边界半径：50%；
/*颜色：白色*/
线高：106px；
高度：106px；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
文本对齐：居中；
过渡：所有0.4缓进缓出；
}
+
将您的
行高度设置为相同的
高度
，您不需要
垂直对齐
，但需要
文本对齐：居中


.circle{
字号：4.42em；
字体大小：300；
宽度：106px；
边界半径：50%；
/*颜色：白色*/
线高：106px；
高度：106px；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
文本对齐：居中；
过渡：所有0.4缓进缓出；
}
+
您的想法正确，只需添加
文本对齐：居中和更改
行高：94px至
行高：106px

还有一些你不需要的东西：
垂直对齐：中间对齐
高度：106px
您的想法正确，只需添加
文本对齐：居中和更改
行高：94px至
行高：106px

还有一些你不需要的东西：
垂直对齐：中间对齐
高度：106px
我会调整它。适用于文本，但也可以轻松地使用SVG图标


.circle{
字号：4.42em；
字体大小：300；
宽度：106px；
高度：106px；
边界半径：50%；
颜色：#000000；
显示器：flex；
证明内容：中心；
对齐项目：居中；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
过渡：所有0.4缓进缓出；
}
+
我会调整它。适用于文本，但也可以轻松地使用SVG图标


.circle{
字号：4.42em；
字体大小：300；
宽度：106px；
高度：106px；
边界半径：50%；
颜色：#000000；
显示器：flex；
证明内容：中心；
对齐项目：居中；
保证金：0自动；
盒影：0px 0px 8.73px 0.27px rgba（0,0,0,0.39）；
光标：指针；
过渡：所有0.4缓进缓出；
}
+
它取决于所使用字体的基线。使用Arial，则
+
显示为垂直居中。mac上的默认字体不是。这取决于所用字体的基线。使用Arial，则
+
显示为垂直居中。mac上的默认字体不是这样的。当我使用行高：106px时，它会对齐字体底部的加号circle@BrownKL然后你必须有一些其他的样式，因为代码片段在Chrome、FF和IEX中对我有效。当我使用线条高度：106px时，它将对齐图形底部的加号circle@BrownKL然后你必须有一些其他的样式，因为代码片段在Chrome、FF和IE中对我有效，“不幸的是，每当我将线条高度设置为等于圆圈的高度时，圆圈内的+符号不会在中间对齐”。在Mac上查看您的示例，它将不起作用。我想这取决于所使用的字体。“不幸的是，每当我将线条高度设置为等于圆圈的高度时，圆圈内的+号不会在中间对齐”。在Mac电脑上查看你的例子，它不会起作用。我想这取决于使用的字体。