css 设置字间距、字母间距和汉子间距
2011-03-18 17:49
260 查看
下面是没有设置间距的汉字和字母
顺昌人
this is a test
下面是设置50px的word-spacing字间距
<span style="word-spacing:50px;"></span>
顺昌人
this is a test
下面是设置50px的letter-spacing字母间距
顺 昌 人
t h i s i s a t e s t
重要:letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而IE不会,因此就会造成定义间距越大差别越大!
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 IE下则会认为这是一个字符.也会给这个空格加上letter-spacing值.
顺昌人
this is a test
下面是设置50px的word-spacing字间距
<span style="word-spacing:50px;"></span>
顺昌人
this is a test
下面是设置50px的letter-spacing字母间距
顺 昌 人
t h i s i s a t e s t
重要:letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而IE不会,因此就会造成定义间距越大差别越大!
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 IE下则会认为这是一个字符.也会给这个空格加上letter-spacing值.
相关文章推荐
- css设置字间距和字母间距、中文汉字间距
- css减少英文单词字母间的间距
- div css文字字体行高行距 深入理解css行间距设置
- CSS设置英文字母大小写
- css 字间距离_css 字体字符间距设置
- css 字间距离_css 字体字符间距设置
- 怎样使用CSS设置文字与文字间距距离?
- CSS段落间距调整 P标签段落上下距离如何设置
- css控制字母间距,单词间距,行距
- CSS 设置字间距
- 使用CSS设置行间距,字间距
- css 字体字符间距设置
- CSS设置字间距
- CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
- CSS 设置文字的缩进、字间距、行高
- CSS设置行间距和字间距
- CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
- css基础 给P标签中的内容设置 字体,字体颜色,首行缩进,行高,字体间距
- css基础 给P标签中的内容设置 字体,字体颜色,首行缩进,行高,字体间距
- CSS教程:如何设置单词字体间距