html行高的设置方法

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

成都创新互联专注于京口企业网站建设,响应式网站设计,商城网站制作。京口网站建设公司,为京口等地区提供建站服务。全流程按需求定制制作,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务

html有什么特点

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

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

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑。

如何给HTML页面设置行高

设置行高

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

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

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

代码块




    
    
    
    设置字符和单词距离
    


    

成功不是打败别人,而是改变自己。

    

成功不是打败别人,而是改变自己。

    

成功不是打败别人,而是改变自己。

结果图

html行高的设置方法

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

    

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


当前文章:html行高的设置方法
分享地址:http://scyanting.com/article/jpgiio.html