`

html块元素相关

    博客分类:
  • JSP
 
阅读更多
DIV中的<ul><li><h><p>的排列方式 是类似于tr和TD从左到右吗? 如果受限于某个宽度 它们会自动移到下面? 
检举|2011-05-10 16:54 提问者: erp08gmq |浏览次数:201次
如果受限于某个宽度 它们会自动移到下面? 否则就一直从左到右排列过去?例如: //举例这个id=1宽度是1000  那么下面2个DIV如果宽度合起来不超过1000的话   就会从左到右排列过去? 反之,超过1000的那一个DIV会向下移?<div id="1">  <div id="2"></div> <div id="2"></div></div>

这个要用float:left或者display:inline实现

首先默认情况下里面的两个div是直接换行的,除非这样<div id="1">  <div id="2" style="float:left"></div> <div id="2" style="float:left"></div></div>才会受限于某个宽度后换行


热心网友
不加其它CSS的话 2个div2会分到不同的行上 也就是上下排列,想让他们左右排列的话 要在div2里加上css(float:left),<ul><li><h><p>类似,这些叫做块级元素,也就是默认上下排列的,<span> <a>这咱叫做行内元素,默认是左右排列的赞同0|评论  检举|2011-05-10 17:07gg_Qamra|当前分类:11 级排名:761
如果没有样式的控制是按HTML本身的默认样式排列的。关于HTML标签的默认样式你可以去查一下相关资料。你的例子中即使那ID=1的DIV中两个DIV宽度和没有超过ID=1的DIV,如果没有设置浮动的话还是按行排列的,如果设置了浮动但宽度和超过了父级DIV(ID=1的DIV),第二个DIV也会换行下移的。这个跟表格里TD是不一样的,TD是列标签,默认样式是从左往右右排列的赞同0|评论  检举|2011-05-10 17:17y1cheng|当前分类:20 级排名:5
没楼上几位说的复杂网页元素在没有css样式,依靠自身默认的状态呈现出来时,只是文档流,至上而下显示的。这点,你可以通过不给一个页面加入css看出来。其次按照你例子的写法,如果没有定义CSS样式的情况下,本身div1里面的第二个div就在第一个div的下面。不存在在第一个DIV右边的可能。然后,如果定义了CSS样式,两个div现在并排显示,当两个div宽度总和大于1000时,第二个div也就是右边的div会被挤到下一行。如果单个宽度都大于1000,那么div1的宽度就等于最大宽度仍有不解,站内消息
分享到:
评论

相关推荐

    什么是块元素block和内联元素inline

    在HTML中,元素根据其默认显示方式被分为两大类:块元素(block elements)和内联元素(inline elements)。了解这两种元素的区别对于网页布局和样式设计至关重要。 #### 块元素(Block Elements) 块元素是一种在...

    HTML+CSS中完全的行内元素(inline element)和块元素(block element)

    ### HTML+CSS中完全的行内元素(inline element)和块元素(block element) 在HTML与CSS中,元素被分为两大类:行内元素(inline element)和块元素(block element)。这两种类型的元素有着不同的显示特性和布局...

    HTML元素大全

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,其元素是构成网页的基本构建块。这个“HTML元素大全”涵盖了HTML中常见的标签和它们的功能,让我们逐一详细探讨。 1. `&lt;a&gt;`:用于创建超链接,...

    HTML 元素参考 - HTML(超文本标记语言) - MDN.pdf

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,其元素是构成网页的基本构建块。这个PDF文档,"HTML 元素参考 - HTML(超文本标记语言) - MDN",提供了对所有HTML元素的详尽概述,帮助开发者轻松...

    行内元素、块元素都有哪些

    行内元素的特点还包括它们的宽高不易调整,且无法设置margin和padding,但可以设置color、font等文本相关的CSS属性。 块级元素则不同,它们每个都会独占一行,即使内容很少,也会从左到右填满其父容器的宽度。这些...

    HTML5页面元素及属性.pptx

    `&lt;article&gt;`元素则表示独立的内容块,如博客文章或新闻报道,它可以包含多个`&lt;section&gt;`元素。`&lt;aside&gt;`元素提供与主要内容相关的补充信息,如侧边栏或注释。`&lt;footer&gt;`元素定义页面或区域的底部,常用于放置版权...

    多色块大气html5模板

    这可能是指该压缩包的唯一标识符,没有直接与技术知识点相关,但在实际使用中,解压这个文件后,我们可能会看到一系列的HTML、CSS、JavaScript文件以及图片和其他媒体资源,这些都是构成模板的基本元素。HTML文件...

    这是一个HTML元素速查表

    - **功能**:将表单中的相关元素分组。 #### 35. `&lt;font&gt;` - 字体元素(已废弃) - **功能**:设置文本的字体、大小和颜色,现已建议使用CSS进行替代。 #### 36. `&lt;form&gt;` - 表单元素 - **功能**:定义HTML表单,...

    jQuery可放大任何HTML元素放大镜.zip

    当鼠标移动时,放大副本会根据鼠标位置调整其显示的内容,仿佛是一块放大镜在原元素上移动。这通常通过CSS的`transform`属性来实现,调整缩放比例和位置。 对于图片,我们可以利用CSS的`background-image`属性将...

    HTML5拖拽互动修改页面元素颜色特效

    当用户将颜色块拖到目标元素上时,JavaScript代码会捕获到拖放事件,并修改目标元素的CSS样式,尤其是颜色属性,从而实现颜色的改变。 这个特效的实现依赖于HTML5的`dragstart`、`dragover`、`drop`等事件。`...

    HTML5系列教程-HTML5列表、块和布局

    本系列教程将深入探讨HTML5中的列表、块级元素以及布局相关知识,这些都是构建网页结构的基础。 首先,让我们来看看HTML5中的列表类型。HTML5支持两种主要的列表:无序列表(`&lt;ul&gt;`)和有序列表(`&lt;ol&gt;`)。无序...

    HTML5新语义

    ### HTML5新语义元素详解 #### 一、HTML5新语义元素概述 随着Web技术的发展,HTML5成为了一种更加结构化、语义化的标记语言标准。它引入了一系列新的元素来帮助开发者更好地组织和呈现网页内容。这些新元素不仅能够...

    html钢琴(附全部源代码,可直接运行哦!.rar

    在这个项目中,HTML文件可能包含了钢琴键盘的布局,如黑白键的图形元素,以及与用户交互相关的事件监听器。 2. **CSS(Cascading Style Sheets)**:CSS用于控制网页的样式和布局。在HTML钢琴中,CSS将决定键盘的...

    第3章 HTML5页面元素和属性-HTML5+CSS3 Web前端开发与实例教程(微课视频版)配套PPT

    - 用于表示页面中一块独立的、完整的相关内容块,可以独立于页面其他内容使用。 - 例如,一篇完整的论坛帖子、一篇博客文章、一条用户评论、一则新闻等。 - 示例代码:`独立内容&lt;/article&gt;`。 - 通常会包含一个`...

    前端css+html+布局笔记

    详尽的前端笔记,包含html和css部分,由xmind8做的笔记。css部分:编写的位置 1.内联样式 将样式编写到标签的style属性中 ... 列表相关的元素都是块元素,他们之间可以互相嵌套 去除项目符号 list-style:none

    基于原生html+css实现仿微信电脑客户端页面源码+项目说明.zip

    对于横向排列的布局,可以通过表格、行内块元素、浮动、flex布局(弹性赫子)实现。 * 表格布局方式实现:由于不够灵活,在html早期简单页面应用较多,现已过时 * 通过行内块元素布局:能够实现一行布局多个容器...

    HTML HTML概述.pdf

    HTML标记是文档的构建块,它们以尖括号包围,大多数标记由开始和结束标签组成,如`&lt;P&gt;`和`&lt;/P&gt;`表示一个段落。一些标记如`&lt;BR&gt;`是空元素,没有对应的结束标签,用于简单地插入一个换行。 标记可以有属性,用来描述...

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

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

    英雄宝石块消消乐HTML5源码

    "英雄宝石块消消乐HTML5源码"是一款基于HTML5技术开发的休闲益智游戏,它利用了HTML5的Canvas元素以及JavaScript编程语言来实现动态的图形渲染和游戏逻辑。HTML5是现代网页开发的标准,它提升了网页的多媒体能力和...

    只使用一个html元素css绘制各种图形

    首先,我们要理解HTML元素是网页的基本构建块,如`&lt;div&gt;`、`&lt;span&gt;`等。在CSS的帮助下,我们可以通过设置元素的尺寸、边框、背景颜色等属性,将其转换为不同形状。例如,一个简单的正方形可以通过设置`width`和`...

Global site tag (gtag.js) - Google Analytics