文本段落缩进text-indent:2em
来源:互联网 发布:天下第一知乎 编辑:程序博客网 时间:2024/04/25 02:42
实现在段落的前面自动缩进两个字。
记得过去刚开始学习制作页面的时候,要想让一段文字首行缩进两个文字,总是在前面加上8个空格,因为过去大家对CSS不熟悉,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,代码显着比较乱,现在我们实现这种效果就简单多了,直接在CSS代码中加入:
text-indent:2em;
就很容易实现文本段落的缩进~
text-indent:2em;
解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;
em是什么单位?
em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。
记得过去刚开始学习制作页面的时候,要想让一段文字首行缩进两个文字,总是在前面加上8个空格,因为过去大家对CSS不熟悉,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,代码显着比较乱,现在我们实现这种效果就简单多了,直接在CSS代码中加入:
text-indent:2em;
就很容易实现文本段落的缩进~
text-indent:2em;
解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;
em是什么单位?
em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。
阅读全文
0 0
- 文本段落缩进text-indent:2em
- 文本缩进属性(text-indent)
- 字符缩进 text-indent:0.5em;
- text-indent实现文本缩进布局
- css关于文本缩进text-indent属性
- CSS3属性之text-indent文本缩进使用详解
- div+CSS实现段落首行缩进两个字符(text-indent标签)
- HTML&CSS——text-indent:2em详解
- css中的段落控制 【 text-indent】
- text-indent属性缩进无效解决方法
- 首行文字缩进text-indent
- text-indent——首行缩进
- web--p 缩进 text-indent text-decoration 下划线
- html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置。
- html段落开头空两格---css技巧text-indent
- 数据库Text字段中,取出显示想让文本有段落,缩进等,就像我们写的文章一样有格式
- text-indent
- text-indent
- Hadoop 集群
- 【ffmpeg】DTS PTS
- PHP设计模式---工厂模式
- 15-16_Eclipse开发环境的使用
- 浅谈Linux中的 管道
- 文本段落缩进text-indent:2em
- 我的第一个博客
- ThinkPHP5学习(6)请求和响应
- 字符串插空来满足每个词都是单词集中的词
- XML文档解析(解决方法)
- 解决RStudio中"plot.new() : figure margins too large"问题
- Gradle for Android
- C#编程无法使用FTP被动模式pasv远程上传数据至Windows服务器错误解决分享
- Web应用的控制器而言(Action是控制器),不访问Servlet API几乎是不可能的