div和span的区别及块状元素和行内元素

论坛 期权论坛 脚本     
匿名技术用户   2021-1-5 09:27   11   0

区别

div

  1. 是块级元素,主要用于容纳其他标签,独占一行
  2. 未设定宽度时,div的宽度为父元素的宽度

span

  1. 是行内元素, 主要用于容纳文字
  2. 无法添加宽度和高度

二者:div内可以存放span,但是span内无法存放div标签。

块状元素

<address> <center> 地址文字 <h1>.-----<h6> 标题标签 <hr> 水平分割线 <p> 段落 <pre>预格式化 <blockquote> 段落缩进 前后5个字符 <marquee>滚动文本<ul> 无序列表 <ol> 有序列表 <li> <dl> 定义列表 <table> <tr><td> 表格 <form> 表单 <div> <header> <nav> <footer> 头部尾部



行内元素

<span>. <a> 链接 <br> 换行 <b> 加粗 <strong> 加粗 <img > 图片 <sup> 上标 <sub> 下标 <i> 斜体 <em> 斜体 <del> 删除线 <input/> 文本框 <textarea> 文本域 <select> 下拉框

参考:面试之块状元素、行内元素有哪些?各自的特点?

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP