html行高的设置方法

  介绍

这篇文章将为大家详细讲解有关html行高的设置方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

html有什么特点

1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。   2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只         3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。         4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

HTML设置行高的方法:首先创建一个HTML示例文件,然后在身体中通过p标签创建几行文本内容,最后通过给文本添加“行高:20 px;”样式来设置行高即可。

本文操作环境:windows7多系统,HTML5&和CSS3版,戴尔G3电脑。

<强>如何给HTML页面设置行高

设置行高

由于简单还是老样子直接上代码了哦,注意:行高属性值可以使用固定值如:20 px。和百分比如:20% .

如果想让文字垂直居中如下:行高的主要作用是用来设置文本的垂直方向居中对齐行高的值与高度的值一样即可。

让我们进入行高属性实践,实践内容如:将p标签行高设置为20 px。

代码块

& lt; ! DOCTYPE  html>   & lt; html>   & lt; head>   ,,,& lt; meta  charset=癠TF-8"比;   ,,,& lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;   ,,,& lt; meta  http-equiv=癤-UA-Compatible",内容=癷e=edge"比;   ,,,& lt; title>设置字符和单词距离& lt;/title>   ,,,& lt; style>   ,,,,,,,p {   ,,,,,,,,,,,行高:,20 px;   ,,,,,,,}   ,,,& lt;/style>   & lt;/head>   & lt; body>   ,,,& lt; p>成功不是打败别人,而是改变自己。你们;/p>   ,,,& lt; p>成功不是打败别人,而是改变自己。你们;/p>   ,,,& lt; p>成功不是打败别人,而是改变自己。你们;/p>   & lt;/body>   & lt;/html>

结果图

 html行高的设置方法

注意:使用百分比如下简陋的代码块。

,,,,& lt; style>   ,,,,,,,p {   ,,,,,,,,,,,,行高:20%;   ,,,,,,,}   ,,,& lt;/style>

关于“html行高的设置方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

html行高的设置方法