<!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>
博客列表 >【HTML】渲染方式
【HTML】渲染方式
- 可乐随笔原创转载
- 2022年11月27日 20:50:24403浏览
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议