文档章节

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
579
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

没有更多内容

加载失败,请刷新页面

加载更多

PHP 关于常用函数的使用总结

strpos() 函数返回字符串在另一个字符串中第一次出现的位置。   如果没有找到该字符串,则返回 false。

koothon
3分钟前
0
0
Groovy秘诀

Groovy秘诀 听说java世界里有个Groovy大神!java需要半天处理的事情,Groovy只需要几分钟,是的,几分钟…剩下来的时间,程序员终于有时间泡妹子了,^_^…….技术宅的兄弟,赶紧来看看吧。 首...

白石
9分钟前
0
0
不能在FROM子句中为更新指定目标表 (You can't specify target table 'xxx' for update in FROM clause )

在select外边套一层,让数据库认为你不是查同一表的数据作为同一表的更新数据: update user_basic set is_new=1 where id IN( SELECT a.id FROM ( SELECT user_basic.id FROM user_basic,st...

郭周园
13分钟前
0
0
idea上实现github代码同步

https://www.cnblogs.com/liangzhilin/p/6106090.html

踏破铁鞋无觅处
16分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部