CSS调整文字间距:text

CSS调整文字间距:text

利用css设置文字之间的距离,有关的三个CSS属性是:

1. text-indent:cm; 设置首行的缩进距离

2. letter-spacing:px; 汉字间字间距设置或者英文单词中每个字母的间距

3. word-spacing:px; 设置英文每个单词之间的距离,对中文文字之间的距离没有效果

1、text-indent:设置首行的缩进距离

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

这是一段文字。

效果如下

2、letter-spacing:汉字间字间距设置或者英文单词中每个字母的间距

设置中文字符间距

this is a test

效果如下:

3、word-spacing:设置英文每个单词之间的距离,对中文文字之间的距离没有效果

设置中文字符间距

this is a test

效果如下:

重要:letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而IE不会,因此就会造成定义间距越大差别越大!

特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 IE下则会认为这是一个字符.也会给这个空格加上letter-spacing值.

🎎 相关推荐

萌!世界杯球迷观赛表情包
🎯 365账号怎么注册

萌!世界杯球迷观赛表情包

📅 09-17 👀 3780
最新平安亭5部游戏介绍全在这,助你一次看遍所有精彩内容!
🎯 你们的365还进得去吗

最新平安亭5部游戏介绍全在这,助你一次看遍所有精彩内容!

📅 08-19 👀 325
2025正版捕鱼游戏合集
🎯 mobile365体育投注下载

2025正版捕鱼游戏合集

📅 07-28 👀 6612