用css控制html中首行空两格

 利用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

用css控制html中首行空两格的相关文章

html文本标准模式,首行空两格,两端对齐,行高

font-size: 13px; line-height: 1.6; text-align: justify; text-indent: 2em;

css控制每段首行自动缩进方法

text-indent 属性规定文本块中首行文本的缩进. 注释:允许使用负值.如果使用负值,那么首行会被缩进到左边. 注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值. 将段落的第一行缩进 50 像素:  代码如下 复制代码 p {   text-indent:50px; } text-indent:2em定义了文本缩进2em,em是相对长度单位,在这里你设置的字体大小有多大(px),1em就是多大.这段代码可以控制整个页面的段落缩进,也可以单独控制某个盒子(

从以用户为中心的设计谈为什么要段首空两格

本文试图从以用户为中心的设计思想解释和探究为什么段首要空两格的问题,其实这个问题也是老生常谈了. 本文主要讨论中文内容呈现过程中要不要在段首空两格的问题.分3个部分: 段首空格的渊源 段首空格的作用 网络内容要不要段首空格 段首空格的渊源部分较多故纸堆,如果看官不感兴趣,可直接跳到段首空格的作用部分开始阅读. 段首空格的渊源 1.中国 需头 指章奏空出首幅,以供诏旨批答之用. 汉 蔡邕 <独断>卷上:"凡羣臣上书于天子者有四名:一曰章,二曰奏,三曰表,四曰驳议.章者,需头,称稽首上书

发布-微信编辑消息首行不能空两格

问题描述 微信编辑消息首行不能空两格 1C 每次编辑微信消息时,都把段落首行空了2格,但是发布消息后,就没空格 解决方案 应该不可以,我没有做到过 解决方案二: 好吧,这是个很大的漏洞 解决方案三: 给你去掉了. 返回数据的 时候直接就没有空格符了

中文网络内容段首空两格是很好的分隔段落的方式

文章描述:为什么要段首空两格. 本文试图从以用户为中心的设计思想解释和探究为什么段首要空两格的问题,其实这个问题也是老生常谈了. 本文主要讨论中文内容呈现过程中要不要在段首空两格的问题.分3个部分: 段首空格的渊源 段首空格的作用 网络内容要不要段首空格 段首空格的渊源部分较多故纸堆,如果看官不感兴趣,可直接跳到段首空格的作用部分开始阅读. 段首空格的渊源 1.中国 需头 指章奏空出首幅,以供诏旨批答之用. 汉 蔡邕 <独断>卷上:"凡羣臣上书于天子者有四名:一曰章,二曰奏,三曰表,

中文段首不需要空两格

首先要搞清楚"空两格"的意义是什么?段首空格表示段落重新开始,基本小学写作文都这么教的.但"空两格"真的就能清楚标示段落么?这个问题被放大到互联网上,尤其在对比英文段落效果后,中文段落"空两格"的传统开始受到质疑.先来看http://www.aliyun.com/zixun/aggregation/8274.html">新浪博客网志页的两格例子: 1.无空格无换行排版(下图) 2.有空格无换行排版(下图) 对比可知,其实段首空不空

CSS让段落开头自动空两格代码

 每次遇到中文排版页面时,需要每个段落开头缩进两格.之前傻乎乎的,用程序检测<p>标签来进行中文段落开头的空两格缩进,还在骂HTML怎么就不能像WORD一样,自动识别中文编排格式.直到今天和公司美工在做项目时,才从他那里得知,原来自己是坐在井底看天了,CSS的一个属性就可以搞定所有的段落.废话不多说,看代码: .box{     text-indent:2em; } 只要将你的文章"容器"样式中加上text-indent这个属性就可以了,下面看个例子: <div st

填充Excel表中上方非空单元格数据的方法

填充Excel表中上方非空单元格数据的方法   1.选择范围 将需要填写的空单元格以及其上方单元格一起选中 2.定位空值 同时按住ctrl+G,跳出"定位"对话框,点击"定位条件" 在弹出的"定位条件"对话款,选中"空值',并确定,这样,空白单元格全被选中 3.输入公式 输入"="和第一个空单元格上方单元格的地址(A2),如下图,输入完成后,同时按住ctrl+enter,即可

中文网页排版的段落前空两格设计探讨

首先要搞清楚"空两格"的意义是什么?段首空格表示段落重新开始,基本小学写作文都这么教的.但"空两格"真的就能清楚标示段落么?这个问题被放大到互联网上,尤其在对比英文段落效果后,中文段落"空两格"的传统开始受到质疑.先来看新浪博客网志页的两格例子: 1. 无空格无换行排版(下图) 2. 有空格无换行排版(下图) 对比可知,其实段首空不空格效果差不多,都是密密麻麻一整块.空格之前,用户如果想看清段落需要扫视到段尾,然后再返回段首阅读:空格之后,虽然用