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的文本属性可以方便的对页面中的文本进行排版。

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

CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 属性 属性含义 属性值 Word-spac...
  • yenange
  • yenange
  • 2012年12月03日 12:53
  • 4218

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

div css文字字体行高行距 DIVCSS5带您深入理解css行间距设置,字体行距如何最简单地设置。 在文章中,要实现调节设置每行文字字体间距(行距)是使用line-height属性。 要使得每...

C# RichTextBox的一些操作:自动换行 设置行间距 调整字体

最近用到richtextbox,一些操作记录在下面: 1
  • gjban
  • gjban
  • 2014年07月03日 10:14
  • 5624

CKeditor插件之行间距顺带加中文字体显示

用了ckeditor之后发现行间距太大了,就萌发了怎样修改行间距的想法。 网上搜罗了下。 第一种:另辟蹊径偷换概念简单型。---原作地址http://www.cnblogs.com/thinksasa...

Android TextView中字体行间距的设置

通过查看Android TextView属性设置方法,发现当前版本的 Android 似乎并未提供控制 TextView 的字间距方法。 百度搜索网上发现大量“教程”声称可以利用 TextView 的...

动态计算字符串的字体大小并据此设置行间距---NSAttributedString

#pragma mark-计算字符串的字体大小并据此设置行间距 + (NSMutableAttributedString *)caculateLabelHeightWithMutableAttrib...

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

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

Ueditor设置默认字体、字号、行间距,添加字体种类

Ueditor默认字体、字号、行间距的修改: ueditor默认字号是16号,默认字体为sans-serif,默认行间距为5px,如下图所示: 首先,修改ueditor.all.js文...

iOS文字样式处理总结(字体、前背景色、斜体、加粗、对齐、行间距、段间距、动态获取字符串label宽高等)

IOS 文字样式处理总结(字体、前背景色、斜体、加粗、对齐、行间距、段间距、动态获取字符串label宽高等) 在iOS开发中,常常会有一段文字显示不同的颜色和字体,或者给某几个文字加删除线或下划线...

自定义View时,如何设置字体的大小和间距,和XML布局达到一样的效果

问题1、我们再Android布局的时候会涉及到不同分辨率的手机显示效果不同。2、如果我们一律用XML布局,字体用SP,间距用DP,可以很好地显示TextView。3、如果我们一律用自定义的布局,设置好...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS定义字体间距 字体行与行间距
举报原因:
原因补充:

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