手记

css中行内元素和块级元素小结

《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。


p、h1、或div等元素常常称为块级元素,这些元素显示为一块内容;
Strong、span等元素称为行内元素,它们的内容显示在行中,即“行内框”。

可以使用display=block将行内元素转换成块元素,display=none表示生成的元素根本没有框,也既不显示元素,不占用文档中的空间。

块级无素的显著特点是:每个块级元素都是从一个新行开始显示,如果不另加定义的话,它将独立一行出现,而且其后的无素也需另起一行进行显示。


一般的块级元素:
段落<p>、标题<h1><h2>、列表<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。
而内联元素则如:
表单元素<input>、超级链接<a>、图像<img>、<span>

11人推荐
随时随地看视频
慕课网APP

热门评论

input,img不是inline元素,是inline-block元素。如果我说对了,赞一个!

display:inline-block;都没有介绍 加油

P标签不是行集元素吗

查看全部评论