文档章节

text-indent和line-height

拉普拉斯婷
 拉普拉斯婷
发布于 2016/06/24 15:37
字数 311
阅读 22
收藏 0

####text-indent 1、一般地,可以为所有块级元素应用text-indent,但不能用到行内元素、图像之类的替换元素

输入图片说明

输入图片说明

2、如果想把一个行内元素的第一行“缩进”,可以用左内边距或外边距创造这种效果。

输入图片说明

输入图片说明

3、text-indent也接受负值,但是为了防止负值超过浏览器的边界,一般给设置负值的标签再设置外边距或者内边距

输入图片说明

4、text-indent具有继承性

输入图片说明

输入图片说明 (亲测,是按照400px的10%缩进) ####line-height 如果使用默认值normal,通常都是字体大小的1.2倍,这使得行框要高于给定元素的font-size值。

line-height具有继承性,所以如果给父级设置了行高,子元素也会继承这个设置,从而会影响到子元素的布局,如果单独给子元素再设置行高,虽然可以,但是不实际。 解决办法是给父级元素一个数,由它设置缩放因子,缩放因子将是继承值而不是计算值,这个数会应用到该元素及其所有子元素,所以各元素都根据自己的font-size计算line-height

输入图片说明

输入图片说明

© 著作权归作者所有

共有 人打赏支持
上一篇: white-space
下一篇: 值和单位
拉普拉斯婷
粉丝 0
博文 33
码字总数 5836
作品 0
深圳
私信 提问
将word转为html的数据 格式化成xhtml

目前的项目需要取到 经过word转成html 的数据 显示在xhtml上 如果用过的童鞋都知道 word转成html 多了很多标签 那么在xhtml的严谨性上 是不被允许的。 目前我用了 Jtidy 来解决问题。 但是 ...

渔樵耕读
2013/06/24
595
1
KindEditor前台显示问题,急求解?

后台编辑器: 前台显示: 段落与段落之间间隔会变大??什么情况? 前台代码: 据新华社杭州1月18日电在浙江宁波打工的清洁工王世昌怎么也没想到,自己3个月前丢的1.3万元竟然被送回来了。他...

等候爱的心
2014/01/20
3.8K
7
CSS定义字体间距 字体行与行间距

CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装...

ty2538402559
2017/07/21
0
0
前端简洁并实用的工具类 (推荐收藏)

前言 本文主要从日期,数组,对象,axios,promise和字符判断这几个方面讲工作中常用的一些函数进行了封装,确实可以在项目中直接引用,提高开发效率. 1.日期 日期在后台管理系统还是用的很多的,一...

一个敲代码的前端妹子
05/22
0
0
一百行python代码告诉你国庆哪些景点爆满

欢迎关注天善智能,我们是专注于商业智能BI,人工智能AI,大数据分析与挖掘领域的垂直社区,学习,问答、求职一站式搞定! 对商业智能BI、大数据分析挖掘、机器学习,python,R等数据领域感兴...

天善智能
10/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
4分钟前
0
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
12
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
9
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部