文档章节

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

输入图片说明

输入图片说明

© 著作权归作者所有

共有 人打赏支持
拉普拉斯婷
粉丝 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
前端简洁并实用的工具类 (推荐收藏)

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

一个敲代码的前端妹子
05/22
0
0
CSS定义字体间距 字体行与行间距

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

ty2538402559
2017/07/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python3.6 取整除法

python3.6 中取整除法运算逻辑如下: d 非零,那么商 q 满足这样的关系: a = qd + r ,且0 ≤ r n1=7//3#7 = 3*2 +1n2=-6.1//3#-7 = 3*(-3)+2'{},{}'.format(n1,n2) 从运行结果可以...

colinux
30分钟前
3
0
阶段总结——用虚拟机搭建一个高可用负载均衡集群架构

[toc] linux基本知识已经介绍完,现有一个业务需要操作,通过对这个项目的操作,可以复习、总结、巩固之前的知识点; ** 用13台虚拟机搭建一个高可用负载均衡集群架构出来,并运行三个站点,...

feng-01
34分钟前
0
0
mysql 设置utf8字符集 (CentOS)

1.查看数据库及mysql应用目前使用的编码方式 (1)链接mysql 客户端 (2)执行:status 结果: 2.修改mysql 应用的字符编码(server characterset ) (1)打开配置文件:vim /etc/mysql/my...

qimh
34分钟前
0
0
windows无法格式化u盘解决方法

1。点开始-运行-输入cmd-format f: /fs: fat32 (这里f:是指U盘所在盘符) 这个格式化会很慢 请耐心等待

大灰狼wow
45分钟前
0
0
MySql 8.0连接失败

原来,MySql 8.0.11 换了新的身份验证插件(caching_sha2_password), 原来的身份验证插件为(mysql_native_password)。而客户端工具Navicat Premium12 中找不到新的身份验证插件(caching_s...

放飞E梦想O
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部