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

 每次遇到中文排版页面时,需要每个段落开头缩进两格。之前傻乎乎的,用程序检测<p>标签来进行中文段落开头的空两格缩进,还在骂HTML怎么就不能像WORD一样,自动识别中文编排格式。直到今天和公司美工在做项目时,才从他那里得知,原来自己是坐在井底看天了,CSS的一个属性就可以搞定所有的段落。废话不多说,看代码:

.box{
    text-indent:2em;
} 只要将你的文章“容器”样式中加上text-indent这个属性就可以了,下面看个例子:

<div style="text-indent:2em;">你的文章内容!</div>好了,问题解决了。

时间: 2024-09-13 01:50:53

CSS让段落开头自动空两格代码的相关文章

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

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

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

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

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

格式-markdown编辑时,如何使每段文字开头空两格啊。。求高手指导

问题描述 markdown编辑时,如何使每段文字开头空两格啊..求高手指导 Markdown编辑时不会控制文字格式,每段开头不会空格,. 解决方案 http://zhidao.baidu.com/link?url=WDF2Ki79CJoRQOcATwotY-018-lUqUvwoZFmPc8e5juliPeb4AqKzHGBom9cPeo1w9YTqg0yoj5R6vE7URFbd8f1iB893FW6w7ZMUo59TOa

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

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

中文段首不需要空两格

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

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

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

CSS实现段落首行缩进两个字符不再使用空格

想让段落前面空两个字的距离不使用空格了,text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字,感兴趣的朋友可以参考下,希望对大家有所帮助   段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. 复制代码 代码如下: <style type="text/css"> p{ text-indent: 2em; /*em是相对单位

轻松实现博客介绍开头空两格的方法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 一:直接按空格 二:用<P>.</P>标签 方法一:首先登陆你的网站,点击参数设置,然后在博客摘要里你的文字前输入下面字符:          说明:在HTML语言中,&nbsp代表空格的代码,以上相当于你以代码的形式输入了八个空格. 方法二:登陆你的网站,点击参数设置,然后在博客摘要里将<PRE>