文档章节

text-indent和line-height

拉普拉斯婷
 拉普拉斯婷
发布于 2016/06/24 15:37
字数 311
阅读 63
收藏 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
博文 35
码字总数 6105
作品 0
深圳
私信 提问
加载中
请先登录后再评论。
将word转为html的数据 格式化成xhtml

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

渔樵耕读
2013/06/24
752
1
JAVA中this的三种用法的详解

<div id="articlecontent" class="articlecontent csdn-tracking-statistics tracking-click" data-mod="popu_519" data-dsm="post"> <h1 style="padding:0px;margin:0px;font-size:1em;line......

osc_dw0gmc84
2018/03/23
1
0
【Tomcat】Tomcat配置JVM参数步骤

<div id="cnblogspostbody" class="blogpost-body"><p style="margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; color: #333333; text-indent: 28px; font-f......

osc_7x0xq1bs
2019/05/27
1
0
Redis 总结精讲 看一篇成高手系统-4

<div class="htmledit_views">

osc_zq5b9cke
2018/07/24
2
0
如何设计一个优秀的数据库(转)

<div id="articlecontent" class="articlecontent csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post" style="overflow: hidden;"> <p style="color:rgb(18,28......

osc_ma60u6gg
2018/02/28
2
0

没有更多内容

加载失败,请刷新页面

加载更多

终 于 知 道 《玩 快 3 不 贪 心 每 天 赚 几 百 》的 方 法

终 于 知 道 《玩 快 3 不 贪 心 每 天 赚 几 百 》的 方 法 〓老师:83770023 〓】【注册码:75141155】 1.The past is gone and static. Nothing we can do will change it....

bajing09
7分钟前
0
0
快 3 规 律 技 巧 教 你 怎 么 看+71756373

老师:【叩+ 71756373】1.The past is gone and static. Nothing we can do will change it. Thefuture is before us and dynamic. Everything we do will affect it. 往昔已逝,静如止水;我......

fenhe45
8分钟前
0
0
终于明白快3怎么打才能回血

终于明白快3怎么打才能回血 蔻「67790572」学习走势技巧 以上讲述的热门模式它会在某个时间段爆发,我们要趁着这个时间段尽快下,你要学会分清走势什 么时候是热门,什么时候是冷门, 重点是...

vq67790572
9分钟前
0
0
快 3 大 小 单 双 口 诀 +87095713

【咨87095713】【玛70704659】【网09191c.com】 1.The past is gone and static. Nothing we can do will change it. Thefuture is before us and dynamic. Everything we do will affect it......

qiaohao0961
10分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部