手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用css控制html中首行空两格
用css控制html中首行空两格
摘要:利用css来进行首行缩进,非常的方便。将文章内容用p标签包住,然后对标签添加样式即可实例:第一段第二段那么我们就在css里添加样式.cont...

 利用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控制html中首行空两格】相关文章:

css控制div置顶置底的例子

CSS控制用户浏览网页的光标

使用css3制作登录表单的步骤

css 控制鼠标显示样式示例

用css控制标题字符溢出,用省略号表示

CSS控制让每行显示4个图片的样式

用css实现文字的自动隐藏

用css实现透视效果

在css样式中的stylesheet是什么意思

利用css实现图片等比例缩放

精品推荐
分类导航