CSS定义字体间距 字体行与行间距

转载 2015年11月18日 17:04:13

转自:点击打开链接

CSS定义字体行间距 line-height:xxpx;

CSS定义字体间距

下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:

属性 属性含义 属性值
Word-spacing 定义了各个单词之间的间距 Normal<length>必须以长度为单位
Letter-spacing    定义了每个字母之间的间距 同上
Text-decoration 定义文字的“装饰”样式 None|underline|overline|

 

line-through|blink

Vertical-align 定义了元素在垂直方向

 

上的位置

Baseline|sub|super|top|text-top|middle|bottom|text-bottom

 

<percentage>

text-transform 使文本转换为其它形式 Capitalize|uppercase|lowercase|none
Text-align 定义了文字的对齐方式 Left|right|center|justify
Text-indent 定义了文本的首行的缩进方式 <length>|<percentage>
Line-height 定义了文本的行高 Normal|<unmber>|<length>|

 

<percentage>

我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。

举个例子来看看吧:

CODE:

<p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height:17pt">我们看到经过文本属性处理的文本字与字之间多了间距,行与行之间多了行高,对齐方式变成了两端对齐,并且段首又多缩进了两格。</p>

letter-spacing设置了字间距为5px,其中5px为一个长度单位;text-align设置了对齐方式为两端对齐;indent设置了缩进格为4em;line-height设置了行高为17pt

从上面的例子,我们可以看出利用CSS的文本属性可以方便的对页面中的文本进行排版。

div css文字字体行高行距 深入理解css行间距设置

div css文字字体行高行距 DIVCSS5带您深入理解css行间距设置,字体行距如何最简单地设置。 在文章中,要实现调节设置每行文字字体间距(行距)是使用line-height属性。 要使得每...
  • m0_37880452
  • m0_37880452
  • 2017年06月11日 23:38
  • 972

CSS设置字间距、行间距、首行缩进

**CSS设置字间距、行间距、首行缩进**字间距 1、text-indent设置抬头距离css缩进即对,对应div设置css样式text-indent : 20px; 缩进了20px 2、lett...
  • qq_26291823
  • qq_26291823
  • 2016年03月05日 23:00
  • 27268

CSS设置行间距和字间距

CSS设置行间距和字间距           CSS设置行间距           在CSS中通过line-height属性来实现行间距的设置,line-height的值表示的是两行文字之间基线的...
  • nangeali
  • nangeali
  • 2016年08月01日 23:02
  • 5080

swift UILabel 文字调整行间距 的方法

let str_ss = "请认真填写银行帐户信息,如果填写不正确,将会影响到您的资金到帐时间,一旦填写不能随意变更,如需变更需提交申请,客服人员会在7个工作日内完成审核."         le...
  • jemlee2002
  • jemlee2002
  • 2016年09月29日 21:27
  • 2031

css表格中设置两行中间的空白间距

css设置两行中间的空白间距: border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。border-collapse: separate; border-spa...
  • erciyuan_nuonuo
  • erciyuan_nuonuo
  • 2017年05月10日 21:23
  • 1342

百度UEditor富文本编辑器-设置默认字体、字号、行间距及添加字体种类

百度UEditor富文本编辑器-设置默认字体、字号、行间距及添加字体种类
  • yangyisen0713
  • yangyisen0713
  • 2017年03月20日 13:11
  • 5378

Android TextView 设置字间距和行间距

主要就是设置字间距
  • nsw911439370
  • nsw911439370
  • 2014年11月27日 10:55
  • 8471

CSS设置字间距

text-indent:0.5em;//设置首行缩进 letter-spacing: 0.05em;//设置字与字之间的间距今天写页面的时候也用到了这两个css属性,挺好用的,可以让页面更美观一些~~...
  • XIAOZHUXMEN
  • XIAOZHUXMEN
  • 2016年04月12日 18:02
  • 7703

table中tr间距的设定

table中tr间距的设定 问题提出: table中的tr的默认display:table-row,虽然可以修改为display:block但是就失去了tr特有的显示效果,如(td自动...
  • leys123
  • leys123
  • 2015年06月08日 17:35
  • 7878

ListView 行间距调整方法

ListView _jobListView = new ListView(); _jobListView.Font = GlobalOption.Instance.Font; _jobList...
  • jingliangliu
  • jingliangliu
  • 2016年02月18日 09:23
  • 343
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS定义字体间距 字体行与行间距
举报原因:
原因补充:

(最多只允许输入30个字)