HTML&CSS——text-indent:2em详解
来源:互联网 发布:python和php速度 编辑:程序博客网 时间:2024/04/29 10:22
记得过去刚开始学习制作页面的时候,要想让一段文字首行缩进两个文字,总是在前面加上8个“ ”,因为过去大家对CSS不熟悉,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,代码显着比较乱,现在我们实现这种效果就简单多了,直接在CSS代码中加入:
text-indent:2em;
就很容易实现文本段落的缩进~
text-indent:2em;
解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;
em又是什么单位?
em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。
【说明一点】
对于"text-indent:2em;"属性,只能加在块状元素上面,内联元素是不起作用的。
0 0
- HTML&CSS——text-indent:2em详解
- CSS属性(2)——text-indent 属性
- 文本段落缩进text-indent:2em
- CSS——文本样式(text-indent,text-transform,text-decoration,text-justify)
- CSS text-indent 属性
- CSS text-indent 属性
- html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置。
- Html+CSS text-indent 意义 负值用法与注意事项
- html段落开头空两格---css技巧text-indent
- 字符缩进 text-indent:0.5em;
- 8.1CSS text-indent 属性
- text-indent——首行缩进
- css中的段落控制 【 text-indent】
- 一起来学css之text-indent用法
- css关于文本缩进text-indent属性
- HTML/CSS中文本text属性详解
- text-indent
- text-indent
- android定时器
- Codeforces 546E Soldier and Traveling 最大流 C#实现
- Atitit.阿里云c盘 系统盘爆满解决方案
- wordpress工作原理
- 位运算-加法运算、交换两个数值
- HTML&CSS——text-indent:2em详解
- android MonkeyRunner的使用
- JSP中include其他页面的两种形式的区别
- ViewStub must have a valid layoutResource
- 【SSM-SpringMVC框架】注解的处理器适配器和映射器
- 不同目录结构的路由配置 按钮对应action
- java多线程之wait,notify的使用
- 07-eclipse中git的使用
- 解决报错:Unable to instantiate activity ComponentInfo