java 首行缩进_利用CSS text-indent 实现段落首行缩进

在写几个网页，之中的段落要求首行空两个汉字。一开始使用的是空格，但出现了个问题，在HTML页面上敲的空格数和最终显示的空格数不一样。据w3school的介绍，浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，需要使用字符实体。

全称non-breaking space，即不间断空格，它是最常见和我们使用最多的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的(只算1个)，要使用HTML实体表示才可累加。

HTML中使用“ ”表示1个空格字符(英文的1个空格字符)，但1个中文汉字占2个英文字符，所以每段前面空余的2个汉字必须用4个“ ”标签。但是这样又有个问题，因为该空格占据宽度受字体影响明显而强烈，所以也不推荐。

还好，CSS中有个首行缩进的text-indent属性。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字，CSS可以这样写：

text-indent: 2em;

其中，em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。

java 首行缩进_利用CSS text-indent 实现段落首行缩进相关推荐

css首字下沉_如何在Word 2013中创建首字下沉
css首字下沉 A drop cap is a decorative element typically used in documents at the start of a section or ...
css画钟表_利用css+原生js制作简单的钟表
利用css+原生js制作简单的钟表.效果如下所示实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...
css3运动后留下轨迹尾巴_利用CSS+JS实现唯美星空轨迹运动效果
先给大家分享效果图: 给大家分享一个使用CSS+JS实现的唯美星空轨迹运动效果, 这样的效果不输给Flash .相关代码如下: cloth body { background: #000; } i ...
input禁止光标_利用css隐藏input的光标方法
如何在不影响操作的情况下,把input的光标隐藏了?在网上搜索了很多方式:用p模拟,设置readonly,设置disabled,设置自动blur等等方式,发现都不能满足需求,于是最后终于找到了一种完美 ...
css表格文字超数量就竖排_利用CSS如何实现文字的竖排
本篇文章给大家带来的内容是关于利用CSS如何实现文字的竖排,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 样式表的文字处理属性中有两个重要的属性:writing-mode和text- ...
css块元素与行内元素特点,CSS区分块级元素和行内元素
块级元素(块级元素一般当做容器使用,既可以容纳内联元素也可以容纳块级元素) 特点: 1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行. 2.元素的高度.宽度.行高和顶底 ...
java 方法数统计_利用Java简单实现一个代码行数统计器方法实例
前言哈喽,我是小黑, 最近学了java的输入输出流后一直心痒痒,总想找一点事情来做,所以用java代码来实现了一下统计代码的所有行数,看一下我上大学以来到底打了多少行. 先附上实现代码吧! pack ...
java绘制均线图_利用JFreeChart绘制股票K线图完整解决方案
因为工作的需要,接触了一些股票图形绘制类的工作,其中最主要的还是股票K线图的绘制了,如果利用编程语言最底层的图形绘制方法去绘制这类图形,如果对编程语言不是特别熟悉的话,一般是有很大的困难的,通过在网上 ...
css初始化_利用CSS变量实现炫酷的悬浮效果
这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变.这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率. 怎样才能达到这个效果,使我们的网站脱颖而出呢?其实 ...

java 首行缩进_利用CSS text-indent 实现段落首行缩进

java 首行缩进_利用CSS text-indent 实现段落首行缩进相关推荐

最新文章

热门文章