如何显示?在 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
How do I display ? Play (Forward) or Solid right arrow symbol in html?
提问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
回答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 中搜索图像。