增加Unicode字符“BULLET OPERATOR”(U + 2219)的大小

时间:2016-01-22 01:42:58

标签: html css unicode

我正在尝试使用selector来增加子弹操作符的大小,但事实证明它变成了方形而不是圆形。

任何人都可以建议:

  1. 为什么会这样?是否可以在保持形状的同时增加unicode字符的大小?
  2. 我使用以下代码段复制问题:

    font-size
    .first {
      width:30%;
      min-height: 40px;
      background-color: grey;
      text-align: center;
    }
    
    .first:after {
      content: "\2219"; 
      font-size:70px;
    }

2 个答案:

答案 0 :(得分:2)

您可能正在寻找的角色是

.first::after {
    content: "\2022";
}

查看十六进制列,这看起来像一个有用的参考站点。

http://www.ascii.cl/htmlcodes.htm

答案 1 :(得分:1)

字体的类型也会影响这个字符..为了说明,我使用monospace字体并得到一个圆形的圆圈

这里的片段



.first {
  width:30%;
  min-height: 40px;
  background-color: grey;
  text-align: center;
}

.first:after {
  font-family:monospace;
  content: "\2219"; 
  font-size:70px;
  border-radius:5px;
}

<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" />
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  
  
  
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="first">
          
          <p>This is test</p>
          
        </div>
      </div>
    </div>
  </div>

</body>
</html>
&#13;
&#13;
&#13;