-
div与span的疑惑10
最近在做页面中遇到下面段代码:<div style="margin-left: 30px;"> wwww <br> <input type="button" value="in div"> </div> <span style="margin-left: 30px;"> aaaaa <br> <input type="button" value="in span"> </span>
在IE浏览器中的效果是在div中的名称"in div"的按钮随容器div左移了30px,
而在span中的为"in span"的按钮却没有左移30px.
为什么在<span>中加了<br>后的元素就不会随容器移动了?
问题补充：
谢谢回答,那就是span没有指定display:block时,
其里面不要存在<br>换行.是吧!2009年6月02日 09:43
添加评论
关注(0)4个答案 按时间排序 按投票排序
-
魔力猫咪的意思是
span没有指定display:block时,style="margin-left: 30px;"这个不起作用吧?2009年6月17日 15:21
相关推荐
这意味着`<span>`不会像`<div>`那样换行显示，而是与其他内联元素（例如文字）在同一行显示。 #### 二、块级元素与内联元素的特性 **块级元素**的特点包括： - 默认情况下，每一个块级元素都会从新的一行开始，...
后来我无意中发现有个东西叫<span>,比如实现模块的效果就可以：<div class=portlet align=left>文章<span>编辑</a></span></div>;当然我们还需要一个CSS文件去控制span的样式： 复制代码代码如下: .portlet span { ...
对css里的元素如：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...
`span` 不像 `div` 那样占据整行，而是与其他行内元素如文本、链接等并列显示。 在实际应用中，`div` 经常用于创建复杂的布局结构，通过嵌套和层叠实现更精细的控制。例如，案例中的 `edu_8_2_1.html` 和 `edu_8_2_...
综上所述，使用js、div和span实现的树型结构具有较高的灵活性，适合小规模项目或学习用途。然而，在大型项目中，可能需要更专业、功能更完善的库，如jQuery UI、AngularJS的ngTree、Vue的vuetree等，它们提供了更...
具体步骤： 1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解： 测试＜span>紧跟前面的"测试"显示＜/span>＜div>这里会另起一行...因为DIV与SPAN元素的特殊
在HTML中，`<div>`和`<span>`是最常用的两种元素，它们在网页布局和样式控制中扮演着重要角色。然而，它们有着本质的区别，...总的来说，理解和掌握`<div>`与`<span>`的区别及其应用场景，是进行高效网页开发的基础。
例如，我们可以使用 img 标签插入图像，用 div 标签分组元素，用 span 标签高亮文本。 例如： ```html <div> 这是一个图片"> <span>这是高亮文本</span> </div> ``` 五、HTML5 的发展 HTML5 是 HTML 的最新...
同时，这也是学习CSS和页面响应式设计的基础，因为`<div>`和`<span>`常常与CSS选择器和媒体查询结合使用，以适应不同设备和屏幕尺寸。在实际项目中，熟练运用这两个标签能够极大地提升网页设计的灵活性和可维护性。
12-div和span标签.html
5. **语义化**：虽然 `div` 和 `span` 都是非语义化的元素，但 `div` 在网页结构中更常被赋予一定的语义，如`<header>`、`<section>`、`<article>`等语义元素的替代品，而 `span` 更多用在文本细节的处理上。...
本文将深入探讨`div`和`span`的区别，以及如何利用CSS的`display`属性进行转换。 首先，`div`（Division）是一个块级元素，它在页面上表现为一个独立的块，其宽度默认占据100%的父容器宽度，并且每个`div`元素之间...
在网页设计中，HTML元素是构建页面结构的基本单位，其中`<span>`和`<div>`是最常用的两种元素，但它们在用途和表现形式上有着显著的区别。 首先，`<span>`是一个内联元素（inline element）。它的主要作用是用于...
此外，如果DIV或SPAN元素内不仅仅是文本，还有其他行内元素或图片，那么这些内容也会随着行高的设置而垂直居中。不过需要注意的是，如果内部元素是块级元素，则需要对这些内部块级元素也设置相同的line-height值，...
div+css实训系列指导书所有需要的请下载《网页设计与制作(DIV+CSS)》实训指导书《网页设计与制作(DIV+CSS)》实训指导书
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法： var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...