html中如何实现段落首行悬挂

2023-02-18 04:38:02html-css013

html中如何实现段落首行悬挂,第1张

一般我们需要对文章段落进行首行缩进的时候，都是使劲的按空格键。现在学会了HTML和CSS后，想要在段落前面空两个字的距离，可不要再不停按空格键了，可以用CSS来实现段落首缩进两个字符的效果。这里我们需要使用首行缩进CSS text-indent 属性。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字的距离。在这里我们需要了解一种长度单位em。em是相对长度单。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。代码如下：

text-indent: 2em /*em是相对单位，2em即现在一个字大小的两倍*/

}

--> </style> <p>W3Cschool在线教程（w3cschool.cn）- 学技术，从W3Cschool开始！W3Cschool主要为初学者技术的人员提供在线学习教程和日常技术资料查询服务。为了能更好的服务用户，网站平台中提供了大量的在线实例，通过实例，可以更好地学习如何建站。平台的内容全部看免费查看，并且会根据当前互联网的变化实时更新内容。</p>

显示效果如下：

用CSS实现段落首缩进两个字符，实现首行缩进的通用方法是加四个小角空格。其实呢，用CSS样式来定义更为高效。比如在style里定义如下缩进样式：

.suojin{text-indent:2em}

在需要缩进的地方使用

class=&quotsuojin&quot

即可，比如用一个div定义一整块段落首先缩进，凡在div区域里，浏览器一碰上p语句（即一个新段的开始），就会执行.suojin所定义的缩进。也可以在正文中使用嵌入式CSS样式来定义，下面举个实例：

效果如下：

两种方法各有长处短处,可根据需要决定使用哪一种方法。

text-indent:2em

解释：text的意思是文本、indent在计算机英语中意思是缩进、至于后面的2em意思就是2个相对单位； em解释：相对于当前对象内文本的字体尺寸。（引自CSS参考手册）各位同学，要仔细品一下这个概念！理解了吧，em这个单位的意思就是相对文字大小，1em就是1个文字大小，2em就是两个文字大小，到这里看明白了吧，理解“text-indent:2em ”的意思了吧，就是“文本缩进两个文字大小”，这不就是我们要的效果么？

注：div标签不要忘记起始符。text-indent 只对p标签或 div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签。

APPLICATION 就是应用程序的意思。

TApplication类是用于描述Delphi编制的应用程序的一个类。通过对这个类的灵活应用可以编制许多有特点的程序。下面我们就举几个这方面的例子。

1 检测当前Windows程序是否被激活：

Tapplication类有一个属性——Active，这个属性就可以描述当前运行的程序是否被激活，成为Windows的焦点。检测的代码如下：

If Application.Active=False then

ShowMessage('当前窗口没有被激活')；

2 取得当前程序的名称：

Tapplication类的EXEName属性可以返回这个可执行程序的完整文件名（包含路径）。实现的代码如下所示：

ShowMessage(Application.ExeName)

3 改变程序极小化时的标题

如果您细心观察可以发现，一些程序的标题和程序的名称并不一致，尤其是一些英文程序，窗体的标题栏比较长，可以容纳比较多的文字，而在最小化时，往往变成了很少的几个字母。这中间起作用的就是Tapplication类的Title属性。这个属性决定了程序最小化时的标题，而窗口中标题栏的标题是由Form的Caption属性来决定的。其代码如下：

Form1.Caption:='窗口的标题'

Application.Title:='程序的标题'

其实我们也可以在在程序设计时指定Tapplication类的Title属性值。操作的方法是在开发环境中拉下Project菜单选择Options菜单时弹出如图1 (略)的对话框。在这个对话框中的Title栏中填写程序的标题一样也可以达到这种效果。并且因为一般的工程文件都是以英文命名的，所以程序运行过程中弹出的消息框中的标题是英文。但在指定了这个属性之后，这个程序的所有消息窗口的标题都变为Title的值。这就使得程序看起来更加完整。

4 指明程序的主窗口

Windows系统中的界面都是窗口，但一般来讲有一个主窗口。Tapplication的MainForm属性就可以返回程序的主窗口。

5 显示消息框

Delphi有许多显示消息框的函数与过程，比较常用的是ShowMessage，它用起来虽然十分方便，但是却有一个问题，那就是这个消息框的按钮是以英文显示的。如果要生成一个含有中文显示的按钮就要求助于Tapplication的MessageBox函数了。这个函数的原形如下：

function MessageBox(Text, Caption: CharFlags: Longint): Integer

在这个函数中，前两项分别是显示的提示信息和消息窗口的标题，Flags是一个长整值，用来指定按钮的个数及功能。熟悉Delphi的用户可能会注意到，这个函数和Delphi 3所提供的同名函数有一点不同，那不是这个版本中字符串参数都以字符的形式给出，而不再要求将其转化成指针。我们在使用时要注意加以区别。

Application.MessageBox('需要存盘吗？', '提示信息', MB_OKCANCEL)；这个语句在运行时显示的样式如图2 (略) 所示。

最后就这个函数的返回值作一些说明，实际上这个函数返回的是一个整型的数值，而这个数值被系统指定了具体的含义，比如：按下“确定”按钮时返回的值是“1”，而其它按钮的值列在表 1 中。

表 1 按钮的意义及系统中对其定义的值

按钮的意义按下此按钮时函数返回的值 IDABORT 3 IDCANCEL 2 IDIGNORE 5 IDNO 7 IDOK 1 IDRETRY 4 IDYES 6

6 控制窗口的尺寸

一般可以用窗口手柄来调整窗口的尺寸，但是也可以用Application的事件来调整。实现的方法是用以下两个过程：