<!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-block3. 行内块元素:通常用来描述外部资源,图像,视频,表单控件等--></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
