Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
信息图标是否有HTML实体?_Html_Unicode_Html Entities - Fatal编程技术网

信息图标是否有HTML实体?

信息图标是否有HTML实体?,html,unicode,html-entities,Html,Unicode,Html Entities,我正在寻找这样一个基本信息图标: 在进一步搜索之后,我自己找到了实体。它的代码是ⓘ,它看起来像这样:ⓘ 这可能对你有帮助, 使用html和css我们可以达到这个效果 .工具提示{ 位置:相对位置; 显示:内联块; 边框底部:1px点黑色; } .tooltip.tooltiptext{ 可见性:隐藏; 宽度:120px; 背景色:黑色; 颜色:#fff; 文本对齐:居中; 边界半径:6px; 填充:5px0; /*定位工具提示*/ 位置:绝对位置; z指数:1; } .toolti

我正在寻找这样一个基本信息图标:


在进一步搜索之后,我自己找到了实体。它的代码是
,它看起来像这样:ⓘ

这可能对你有帮助, 使用html和css我们可以达到这个效果


.工具提示{
位置:相对位置;
显示:内联块;
边框底部:1px点黑色;
}
.tooltip.tooltiptext{
可见性:隐藏;
宽度:120px;
背景色:黑色;
颜色:#fff;
文本对齐:居中;
边界半径:6px;
填充:5px0;
/*定位工具提示*/
位置:绝对位置;
z指数:1;
}
.tooltip:悬停.tooltiptext{
能见度:可见;
}
🛈;
提示文本

UNICODE
U+02139

十六进制代码

HTML代码

CSS代码\2139

//css示例
跨度{
内容:“\2139”;
}
HTML示例

此字符在运行Chrome的OS X 10.11上为我显示。虽然它确实出现了,但与@Biffen的答案相比,您可能会遇到一些可访问性问题:@hopkins matt-我可以看到这个答案中的角色,但在Windows/Firefox上,2017年,我仍然看不到Biffen答案中的角色。。。(?)
和#128712
和#8505
html实体将为您提供信息按钮。仅ℹ;和ⓘ;将在iphone和ipad上正确显示。前者是浅蓝色的正方形,中间是白色的“I”。@ JohnHenckel,你能告诉我们如何在SWIFT中使用和霍普金斯9432的代码吗?这个字符在运行X的OS X 10.11上没有出现,但是我认为这个字符在语义上更合适。“如果要使用它,可能需要指定包含它的字体。这适用于大多数非ASCII字符,如果你想安全的话。我同意。我敢肯定这只是字体选择的问题。Firefox2020中仍然并没有显示。需要额外的字体配置。在CSS中使用:
p::before{content:\1f6c8”}
我需要它。顺便说一句,仅在Win10上使用Chrome进行测试。回答有点晚,但你可以使用字体真棒,有很多图标。你只需要用fa-info-circle标记你的css