【问题标题】:How do I display ► Play (Forward) or Solid right arrow symbol in html?如何在 html 中显示 ► 播放(前进)或实心右箭头符号?
【发布时间】:2023-05-22 00:38:01
【问题描述】:

如何在 html 中显示此 ► 播放(前进)或实心右箭头符号?

【问题讨论】:

  • 有没有类似&play;我可以用吗?
  • 只为那些也需要其他方向的人:▲ ▲ ► ► ▼ ▼ ◄ ◄
  • 如何在 JavaScript 中显示?
  • 另一个字符是这样的:▶,由▶给出

标签: html ascii


【解决方案1】:

您可以使用 Bootstrap 字形图标。

<span class="glyphicon glyphicon-play"></span><br>
<span class="glyphicon glyphicon-play-circle"></span><br>
<span class="glyphicon glyphicon-triangle-right"></span><br>

记得在 &lt;head&gt; 元素中还包含 Bootstrap 和 jQuery。

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

JSFiddle 对此进行了解释:https://jsfiddle.net/canada/dfr90pac/

【讨论】:

    【解决方案2】:

    好吧,您可以使用图像并将其显示在&lt;img&gt; 标记中。在他们的点击事件中,您可以编写一些 JavaScript 代码。您可以在 Google 中搜索图片。

    【讨论】:

    • 没有&lt;/img&gt;结束标签。
    【解决方案3】:

    我尝试使用 ascii 代码,但不喜欢它,因为它总是看起来很拉伸。

    相反,我在网上找到了一个巧妙的、易于定制的解决方案,它使用 css 并且只操作边框属性:

    .play {
      border-top: 10px solid white;
      border-bottom: 10px solid white;
      border-left: 20px solid black;
      height: 0px;
    }
    &lt;div class="play"&gt;&lt;/div&gt;

    【讨论】:

    • 值得注意的是,您可以使用transparent作为颜色选项
    • 这个codepen对于解释它是如何工作的也很重要:codepen.io/chriscoyier/pen/lotjh
    【解决方案4】:

    如果需要在 CSS 中使用,如

        li:before {
            content: '\25BA';
        }
    

    这是&amp;#9658;的CSS转换 这些转化的有用工具:evotech.net/articles/testjsentities.html

    【讨论】:

    • 你有一个类型,应该是 content:'\25BA'; 而不是 content='\25BA';
    • evotech.net/articles/testjsentities.html 很棒。
    【解决方案5】:

    &amp;#9658; 来自Wolfram Alpha

    【讨论】:

    • 天哪。我登录是为了感谢您教我有关 wolfram alpha 的知识。
    • 关于建议的编辑(我没有足够的声誉来拒绝它):关键是您可以将符号粘贴到 WolframAlpha 中并且不需要知道 HTML 表示。我发布的表格完全是故意的。请恢复为原始版本。
    【解决方案6】:

    以下是您可以使用的一长串列表:

    http://brucejohnson.ca/SpecialCharacters.html

    【讨论】:

    【解决方案7】:

    是的,&amp;#9658;,但它可能在所有浏览器中看起来都不一样。

    【讨论】:

    • 字符不应该看起来一样,但是这个字符,黑色右指向指针 (U+25BA),形状简单,字体设计师没有理由用它做任何异国情调.它具有良好的字体覆盖率,包括非常常见的字体,如 Arial:fileformat.info/info/unicode/char/25ba/fontsupport.htm
    • 澄清一下:►等价于 (U+25BA)
    • 大家小心。 25BA 在某些设备上看起来很扁平,因为它是“指针”而不是“三角形”。如果您正在寻找等边三角形,请使用 25B6。这是一张图表:w3schools.com/charsets/ref_utf_geometric.asp
    • 是否有返回按钮的任何代码我使用上面的代码作为前进按钮作为 ► + | ?
    最近更新 更多