块级元素:显示在一个块中,将自动换行,元素将从上到下垂直排列,每个元素占据一行。
通过修改css属性display属性,可以将两者相互转换。设置显示:行元素上的块可以将其转换为块级元素。其实,本质就是把它包起来。类似地,在块级元素上设置display:inline允许将其转换为inline元素。
下面的屏幕截图是一个示例:
此代码不会在标记<hr>前面设置转换。默认情况下,<a>和<input>标记是内嵌元素,<h1>标记是块级元素。它们的显示效果如下:
您可以看到,超链接和输入框在水平线之前的同一行上,而一堆黑色的大字和水平线在下一行上。这是因为默认的<a>和<input>标记是行内元素,而<h1>和<hr>标记是块级元素。在图中的水平线下,您可以找到一行超链接,因为我将其设置为块级元素,而大黑色字符和输入框位于同一行,因为我将大黑色字符<h1>标签设置为内嵌元素。请参见第一个图中的代码。
写在这里,我相信你应该了解行元素和块级元素。