<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>HTML渲染方式</title> </head> <body> <!-- 1. html元素按顺序显示.不能改变. 2. 元素不能改变显示顺序,但可以通过自定义布局和js改变显示位置. 3. 块元素,默认"垂直排列",占一行,包括:h1,p,div,ul,table,footer,nav等等 4. 行内元素,默认"水平排列", 自动换行,默认从左到右显示 --> <nav style="display:inline-flex; flex-direction:row-reverse"> <!-- 改变水平排列顺序 --> <!-- <nav style="display:grid"> --> <!-- 改变行内元素默认水平排列为垂直排列 --> <a href="">首页</a> <a href="">新闻</a> <a href="">关于</a> <input type="search" name="search" id=""> </nav> <!-- 总结: 1. 排列顺序: 可以自定义 2. 元素类型: 块 block, 行内 inline, 行内块 inline-block 3. 行内块元素:通常用来描述外部资源,图像,视频,表单控件等 --> </body></html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
