<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、使用其实体字符“•” (在ie下gbk编码时正常,utf-8编码时显示的点非常小,在firefox下显示的点非常小)
<style type="text/css">
.text{font-size:12px;font-family:"宋体" }
</style>
<p class="text">• This is Point Test.</p>
解决方法一:把字体设为“arial”
<style type="text/css">
.text{font-size:12px;font-family:arial}
</style>
<p class="text">• This is Point Test.</p>
解决方法二:字号设的大一些,如“14px”
<style type="text/css">
.text{font-size:14px;font-family:"宋体" }
</style>
<p class="text">• This is Point Test.</p>