div+css首行缩进两个字符.doc

div+css首行缩进两个字符.doc

ID:57687403

大小:12.00 KB

页数:2页

时间:2020-09-01

div+css首行缩进两个字符.doc_第1页
div+css首行缩进两个字符.doc_第2页
资源描述:

《div+css首行缩进两个字符.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

2、

段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。

用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。其实呢,用CSS样式来定义更为高效。比如在style里定义如下缩进样式:.suojin{text-indent:2em}在需要缩进的地方使用class="suojin"即可,比如用一个div定义一整块段落首先缩进,凡在

3、div区域里,浏览器一碰上p语句(即一个新段的开始),就会执行.suojin所定义的缩进。也可以在正文中使用嵌入式CSS样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):<divstyle="text-indent:2em"><p>段落一</p><p>段落二</p><p>段落三<p></div>两种方法各有长处短处,可根据需要决定使用哪一种方法。注:div标签不要忘记起始符。text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。