`
fang9159
  • 浏览: 48027 次
  • 性别: Icon_minigender_1
  • 来自: 湖北
社区版块
存档分类
最新评论

html里面div与span的区别

阅读更多
最开始学习html的时候,一直都不太清楚div与spn的区别,接着通过工作经验认为他们的区别就是div换行,span不换行.今天发现其实自己看到的都是表面现象.
其实div在html是块容器,span是文本内联容器,从根本上他们最大的区别是
div的样式display的初始属性是block,而span的样式display初始属性是inline.
分享到:
评论
2 楼 fang9159 2006-11-05  
sorry,现在改正过来了。:)
1 楼 cncomkyle 2006-11-01  
楼主的题目好像写错了呢

相关推荐

    html div没有被撑开的原因及解决办法

    `div`中的内容如果是内联元素(如`<span>`, `<a>`等),它们默认不会影响`div`的高度。此时,需要确保内联元素转换为块级元素或设置`div`的高度。 **解决方案:** 1. 将内联元素转换为块级元素,如`display: block;...

    div与span之间有什么区别

    总的来说,`div`和`span`之间的主要区别在于它们的默认表现和用途:`div`是块级元素,适合用来组织和布局页面结构,而`span`是内联元素,适合对文本或小部分内容进行样式控制。通过CSS,我们可以根据需求灵活调整...

    vue项目中在可编辑div光标位置插入内容的实现代码

    vue项目中在可编辑div光标位置插入内容 html: <div class=mouse-move dragstart=dragStart($event, draggable='true' v-for=(item, key=index click=dropRelease($event,> {{item.labelName}} </div> <div ...

    页面div拖动交换位置,动态添加删除页面元素

    在网页开发中,实现页面元素如`div`的拖动交换位置以及动态添加删除功能,是一种常见的交互设计,可以提高用户的操作体验。本项目通过利用JavaScript库jQuery和jQuery UI,结合CSS样式,实现了这一功能。 首先,...

    jQuery给div,Span, a ,button, radio 赋值与取值

    jquery给div的innerHTML赋值 $(“#id”).html()=”test”; //或者 $(“#id”).html(“test”); jquery 获取的链接内容 $()[removed] jquery 给span 赋值 $(‘#hiddenNote’).text(‘getSpanValues’); span取值 ...

    DIV+CSS图标文字列表布局样式代码

    在网页设计中,`DIV+CSS`是一种常见的布局方式,它将内容(HTML元素)与样式(CSS)分离,使得页面结构清晰,易于维护。在这个名为"DIV+CSS图标文字列表布局样式代码"的资源中,我们可以看到一个适用于网页图文列表...

    微信小程序-微信小程序html转wxml

    innerHTML: html2json('<div>a<span>b</span></div><p>c</p>'/*需要转的html*/).child }, ... }); wxss: @import "../src/html2wxml.wxss";//按实际工程目录结构 TIP: 在example.wxss中,可自定义添加修改html...

    完美html教程,里面包含两个ppt html课件,一个一个html标签库文档

    接着是"HTML.ppt",这个可能是更深入的HTML教程,可能涵盖了更复杂的元素和属性,例如表格、表单和其相关的元素如、、,还有如何使用<div>和<span>进行页面布局和内容分组。PPT可能还讲解了如何创建列表、和,以及...

    04表单事件.html

    // box3.innerText = "<span>我是span</span>"; // 获取input里面的值 console.log(ipt.value) //显示jack ipt.value = "汤姆" // 失去焦点时,拿到输入框里面的值 function blue() { console.log(user_...

    特殊情况下如何获取span里面的值

    在网页开发中,`<span>` 是一个常用的HTML元素,常用于对文本进行分组或应用样式。在某些特殊情况下,我们可能需要获取`<span>`元素内的文本内容。本篇将详细介绍如何在JavaScript和jQuery中获取`<span>`元素内的值...

    html+asp《网页模板1》(里面有7个)

    - 布局标签:`<div>`用于创建块级元素,`<span>`用于创建内联元素,通过CSS进行样式布局。 2. ASP核心概念: - 变量与常量:在ASP中,可以声明变量和常量来存储数据,如`Dim`和`Const`关键字。 - 脚本语言:ASP...

    html帮助文档 htmlhelp

    例如,`<h1>`到`<h6>`用于定义标题,`<a>`用于创建超链接,`<img>`用于插入图片,`<div>`和`<span>`用于分组内容。 3. **属性**:标签可以有属性,提供额外的信息。比如,`<a>`标签的`href`属性指定链接的目标地址...

    js点击复制,一键复制到剪切板

    demo里面有12个演示html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>constructor-node</title> <meta name="viewport" content="width=...

    html.zip_简单的网页html

    接着是<html>元素,它是整个文档的根元素,里面包含和两个主要部分。用于存放元信息,如页面标题()、字符集()等;则包含实际的网页内容。 2. 标题标签:在描述中提到"适合初学者",所以这些HTML文件可能使用了...

    div嵌套 img 空白解决方法

    `img`元素在HTML中是行内元素(inline element),这意味着它在默认情况下与其他行内元素如`span`、`a`等并排排列,允许文本在其前后换行。行内元素之间的空白是由于它们之间的空格、换行或` `标签等造成的,...

    select option带自定义图片

    div.append('<span>' + opt.text() + '</span>'); div.data('index', index); div.click(function() { select[0].selectedIndex = $(this).data('index'); select.trigger('change'); }); select.append(div)...

    Python 获取div标签中的文字实例

    - 再进一步提取这些`div`中的`class="name"`的`span`标签。 ```python targets_url_1 = bf.find_all(class_='containerpage-section') bf = BeautifulSoup(str(targets_url_1), 'html.parser') targets_url_2 =...

    html+css+vue 实现签到样式

    例如,我们可以创建一个`<div>`作为签到容器,里面包含日期显示`<span>`和签到按钮`<button>`: ```html <div id="sign-in"> 每日签到 当前日期:<span id="current-date"></span> 签到 </div> ``` 接下来,CSS...

    vue实现lodop打印功能的示例

    1.官网下载 http://www.lodop.net/download.html 2.解压安装运行 3.vue部分实现  3.1将lodopDuncs.js文件放入工程中,具体操作可见:... <span>{{ msg }}</span> </button> </div> [removed] im

    bootstrap下拉列表与输入框组结合的样式调整

    通常,下拉菜单是通过`<button>`元素触发的,内部包含一个`<div class="dropdown-menu">`,里面是`<li>`元素,每个`<li>`元素内有一个链接`<a>`。例如: ```html <div class="input-group"> ... <div class=...

Global site tag (gtag.js) - Google Analytics