css字与字之间的间距

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

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

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

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

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

    <style>p{text-indent: 1cm;}</style>
<body><p>这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。这是一段文字。</p>
</body>

效果如下

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

<html><body><h1 style="letter-spacing:15px">设置中文字符间距</h1><h1 style="letter-spacing:15px;">this is a test</h1></body>
</html>

效果如下：

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

<html>
<body><h1 style="word-spacing:15px;">设置中文字符间距</h1><h1 style="word-spacing:15px;">this is a test</h1></body>
</html>

效果如下：

重要：letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而ＩＥ不会，因此就会造成定义间距越大差别越大!
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格ＩＥ下则会认为这是一个字符.也会给这个空格加上letter-spacing值.

css字与字之间的间距相关推荐

body与html 会有间隙,css – thead和tbody之间的间距
我有一个简单的html表,像这样: Column 1Column 2 Value 1Value 2Value 3Value 4Value 5Value 6Value 7Value 8 我想用下面的方式 ...
body html之间有空隙,css – thead和tbody之间的间距
我有一个简单的html表,像这样: Column 1Column 2 Value 1Value 2Value 3Value 4Value 5Value 6Value 7Value 8 我想用下面的方式 ...
html怎样调节字间距,css怎么调整字间距？
css文字与文字之间的间距怎么调整?相信有很多小伙伴都会有这样的疑问.本章就给大家介绍css设置文字间距的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 一.css word- ...
html调整中文文字字间距,css怎么调整字间距？
css文字与文字之间的间距怎么调整?相信有很多小伙伴都会有这样的疑问.本章就给大家介绍css设置文字间距的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 一.css word- ...
html中字段间距代码,css调字体大小代码 css字与字之间的间距怎么调
html怎么改变字体大小和颜色可以用css改变字体的大小和颜色. 在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是"font-size"属在D ...
设置字的间距php,css letter-spacing设置字间距属性
css letter-spacing设置字间距属性有需要的朋友可参考一下. 定义和用法 letter-spacing 属性增加或减少字符间的空白(字符间距). 该属性定义了在文本字符框之间插入多少空 ...
默认字间距html,css如何设置字间距？
其实在css中设置字间距的方法很简单,只需要使用一个属性就行,这个就是letter-spacing属性.下面我们来了解一下letter-spacing属性,看看它是如何设置字间距的. letter-s ...
html中第二行标签之间间隔不一样,Word第一行字和第二行字之间的间距怎么不一样...
在有些word文档中,编辑文字格式时,会看到段落两行字间距很大,这样看起来文档极为难看,需要将行间距调小.如何调整这种情况呢?下面就让小编来问你解答吧. 打开word文档,选中需要调整行间距的文字,按 ...
css 字间距离段落字符间距设置
1.text-indent设置抬头距离css缩进 text-indent : 10px; //缩进了10px: 2.letter-spacing来设置字与字间距_字符间距离,字体间距css样式 let ...
html设置单词间隔,css中设置英文单词之间间距的属性是什么
css中设置英文单词之间间距的属性是word-spacing.word-spacing属性可以增加或减少字与字之间的空白,如[p{word-spacing:30px;}]. 本文操作环境:window ...

css字与字之间的间距

css字与字之间的间距相关推荐

最新文章

热门文章