博客列表 >HTML 行内元素、块元素、行内块元素总览

HTML 行内元素、块元素、行内块元素总览

Dream698
Dream698原创
2020年01月11日 23:25:15918浏览

行内元素:

特点:
★在一行显示
★不能直接设置宽高
★宽高为内容撑开的宽高
★行内元素可以定义左右的内外边距,上下会被忽略掉

实例

span、img、a、lable、input、abbr(缩写)、em(强调)、big、cite(引用)、i(斜体)、q(短引用)、textarea、select、small、sub、sup,strong、u(下划线)、button(默认display:inline-block)

运行实例 »

点击 "运行实例" 按钮查看在线实例

块级元素


实例

div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer

运行实例 »

点击 "运行实例" 按钮查看在线实例

三、行内块元素
典型代表:img,input


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议