CSS实现排版段落前面空两个字,不使用空格

css

  段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。

  text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

  在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。

  我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

  看下面的例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>webjx.com</title><style type="text/css"><!-- p{ text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/}--></style></head><body><p>段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。我在网页教学网学到了好多新的知识</p></body></html>

    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

时间: 2024-11-05 19:40:38

CSS实现排版段落前面空两个字,不使用空格的相关文章

用CSS实现段落前面缩进两个字

核心提示:段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. <style type="text/css"><!-- p{ text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/}--></style> <p>段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-inden

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

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

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

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

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

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

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

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

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

中文段首不需要空两格

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

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

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

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

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