利用css 来进行首行缩进,非常的方便。
将文章内容用p标签包住,然后对<p>标签添加样式即可
实例:
<div class="context"><p>第一段</p><p> 第二段</p></div> 那么我们就在css里添加样式 .context p{ text-align: justify; text-justify: inter-ideograph; text-indent: 2em; } 其中text-align:justify; text-justify:inter-ideograph;设置文字两端对齐, text-indent:2em;设置文字首行缩进两个字符。 不清楚的可以查阅下css手册。 如果设置样式后,我们又对其中的某一段话设置为不需要缩进,那又该怎么办呢? 那也好办,在编辑文章时,对这段话的p标签设置一个样式即可 比如
<p class=noooo>不需要加首行缩进的</p> CSS代码: p.noooo{ text-indent:0; } 或者直接加到p标签后面 <p style="text-indent:0;"> 怎么方便怎么写,看自己了
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css
, 标签
, 样式
text-align:justify
首行空两格 css、html首行空两格、css控制首行缩进、css控制br首行缩进、html css首行缩进,以便于您获取更多的相关知识。
时间: 2024-11-17 06:07:26