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

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/9281118/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-28 22:33:00  来源:igfitidea点击:

How do I display ? Play (Forward) or Solid right arrow symbol in html?

htmlascii

提问by Ben

How do I display this ? Play (Forward) or Solid right arrow symbol in html?

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

回答by elclanrs

Yes, ►, but it might not look the same in all browsers.

是的,►但它在所有浏览器中看起来可能不一样。

回答by silverliebt

If you need to use it in CSS, as in

如果你需要在 CSS 中使用它,如

    li:before {
        content: 'BA';
    }

This is the CSS conversion of ►A helpful tool for these conversions: evotech.net/articles/testjsentities.html

这是这些转换的►有用工具的 CSS转换:evotech.net/articles/testjsentities.html

回答by Till Hoffmann

►from Wolfram Alpha

►来自Wolfram Alpha

回答by MetalFrog

Here's a long list of what you can use:

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

http://brucejohnson.ca/SpecialCharacters.html

http://brucejohnson.ca/SpecialCharacters.html

回答by Alex

I tried using the ascii code but didn't like it as it always looked stretched.

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

Instead, I found an ingenious easily customizable solution online, that uses css and only manipulates the border property:

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

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

回答by aaron34weston

You can use Bootstrap glyphicons.

您可以使用 Bootstrap 字形。

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

Remember to also include Bootstrap and jQuery in the <head>element.

记住还要在<head>元素中包含 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 explaining this: https://jsfiddle.net/canada/dfr90pac/

JSFiddle解释这个:https://jsfiddle.net/canada/dfr90pac/

回答by karan k

Well, you could use an image and display it in the <img>tags. On their click event, you could write some JavaScript code. You could search the images in Google.

好吧,您可以使用图像并将其显示在<img>标签中。在他们的点击事件上,您可以编写一些 JavaScript 代码。您可以在 Google 中搜索图像。