点号“·”的显示 替代 ul li 的功能

<ul>
  <li>
    This is Point Test.
  </li>
</ul>

以上代码放入HTML的Body之后， 会出现 · This is Point Test. (前面多一个点号的效果)

但有时候想直接出现这种效果而又不想使用 ul li 标签的话（比如在GWT 的lable效果）。可以使用如下替代方法

1. 直接输入中文的标点符号 "·" 。位置一般位于 Esc (退出) 键的正下方,也就是 “~” 这个键

2. 使用实体字符“•”

在使用的时候，对于使用效果有以下方式可以调整

1、直接使用中文的标点符号“·” （在ie下正常，在firefox下显示的点非常小）

<style type="text/css">
.text{font-size:12px;font-family:arial}
</style>
<p class="text">·This is Point Test.</p>

解决方法是把字体设为“宋体”

<style type="text/css">
.text{font-size:12px;font-family:"宋体" }
</style>

<p class="text">·This is Point Test.</p>

2、使用其实体字符“&#8226;” （在ie下gbk编码时正常，utf-8编码时显示的点非常小，在firefox下显示的点非常小）

<style type="text/css">
.text{font-size:12px;font-family:"宋体" }
</style>

<p class="text">&#8226; This is Point Test.</p>

解决方法一：把字体设为“arial”

<style type="text/css">
.text{font-size:12px;font-family:arial}
</style>

<p class="text">&#8226; This is Point Test.</p>

解决方法二：字号设的大一些，如“14px”

<style type="text/css">
.text{font-size:14px;font-family:"宋体" }
</style>

<p class="text">&#8226; This is Point Test.</p>