`

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的宽度就等于最大宽度仍有不解,站内消息
分享到:
评论

相关推荐

    前端css+html+布局笔记

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

    前端日记01_行内元素和块级元素

    从html的角度看标签分为行级元素/内联元素(inline)、块级元素(block)、行级块元素(inline-block)、其他元素。 行级元素: 设置宽高属性无效 与其他行级元素在一行,不设置高度时,默认高度为文字高度 设置margin:...

    htmlelements:Html Elements是一个Java框架,提供了易于使用的与网页测试中的网页元素进行交互的方式

    借助Html Elements框架,您可以将网页元素分组为块,在其中封装交互逻辑,然后轻松地在页面对象中使用创建的块。 它还提供了一组有用的匹配器,可用于网页元素和块。 有关更多详细信息,请参见和 。 您可以通过...

    从入门到精通HTML5——PDF——网盘链接

     8.1.2 定义数据块 162  8.2 &lt;div&gt;标签 163  8.2.1 &lt;div&gt;标签的简介 163  8.2.2 &lt;div&gt;标签的属性 164  8.2.3 &lt;span&gt;标签与&lt;div&gt;标签 170  8.3 &lt;iframe&gt;标签 172  8.3.1 ...

    html入门到放弃笔记

    1、块分区元素 语法:&lt;div&gt;&lt;/div&gt; 作用:布局 2、行内分区元素 语法:&lt;span&gt;&lt;/span&gt; 作用:设置同一行文字内的不同样式 9、行内元素 与 块级元素 按照元素们的表现形式来分类,分为 行内元素 和 块级元素1、...

    Html5中文手册(程序员必备手册)

    30、&lt;fieldset&gt; 可将表单内的相关元素分组。 31、&lt;figcaption&gt; 定义 figure 元素的标题。 32、&lt;figure&gt; 定义媒介内容的分组。 33、&lt;footer&gt; 定义section/page的页脚。 34、&lt;form&gt; 定义表单。 35、&lt;h1&gt; --- &lt;h6&gt; 定义...

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

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

    element-behaviors:HTML元素的实体组件系统

    npm i element-behaviors --save 有关基本示例,请参见现场直播笔: : 元素行为是可重用的一点点逻辑,我们可以将其混合到任何HTML元素上。 为了解释什么是“元素行为”,可以使用一个类比:在 “元素行为”实际上与...

    resume.html

    html的相关知识,总结了html的基础语言,基础用法,分了几个小模块简单描述了html中的相关知识,重点是块元素和行内元素的基本特性,掌握他们的用法和使用搞得条件,正确的书写html语言,搭建页面框架,为css的学习...

    HTML5与CSS3基础教程(第8版)高清文字

    8.6 使用与媒体相关的样式表 147 8.7 借鉴他人的灵感 148 第9章 定义选择器 150 9.1 构造选择器 150 9.2 按名称选择元素 152 9.3 按类或ID选择元素 153 9.4 按上下文选择元素 156 9.5 选择第...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    selection 代表了当前激活选中区,即高亮文本块,和/或文当中用户可执行某些操作的其它元素。 TITLE title 包含文档的标题。 样式 样式属性 描述 compatMode 设置或获取表明此对象是否应用标准兼容模式的值。 ...

    前端面试必备之html5的新特性

    article元素,表示页面中的一块与上下文不相关的独立内容,比如博客中的一篇文章。 aside元素,表示article内容之外的内容,辅助信息。 header元素,表示页面中一个内容区块或整个页面的页眉。 hgroup元素,用于...

    web前端开发基础教程之HTML5页面结构基础

    在本节以及接下来的有关语义的各章中,我们将涉及很多内容。当我们使用“语义”一词时,是指给定HTML元素描述其内容含义的方式。 如果回头看HTML5 Herald的屏幕截图(或在线查看网站),您会发现它的划分如下: 标头...

    metajs:MetaJS 是一组库,它使用 Web 组件和 HTML5 功能提供 UI 构建块

    有关详细信息、教程和组件参考,请参阅。 警告 MetaJS 正在使用实验性的 HTML5 Web 组件功能,这些功能不是生活标准的一部分,也不是 Web 浏览器完全支持的。 MetaJS 目前仅适用于 Google Chrome。 所需功能: ...

    Burger-Point:第一个使用 HTML+CSS 的 Web 开发项目

    元素包含有关 HTML 页面的元信息 &lt;title&gt;元素指定 HTML 页面的标题(显示在浏览器的标题栏或页面的选项卡中) &lt;body&gt;元素定义了文档的正文,是所有可见内容的容器,例如标题、段落、图像、超链接、表格...

    html-my-notes:资料库包含我HTML研究资料汇编,包括个人笔记,练习,示例和摘要

    它包含有关HTML的我的个人笔记,练习,见解和摘要,并作为指导和指导我的学习! :books: 我正在/接受的课程是开发本汇编的基础: 注意:本资料的某些部分已直接从HTML教程进行了翻译。 完整的参考资料在。 指数 ...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    HybridApp 一种可以下载的Native App,其用户界面的全部或者部分元素在嵌入式浏览器组件(WebView之类的)里面运行 优雅降级 一开始就构建站点的完整功能,然后针对浏览器测试和修复。认为应该针对那些最高级、最...

    KnowledgeModel:Ruby知识

    ” "div 是一个块元素(块是垂直排列的。在元素的相邻边上有一个折叠填充效果。在宽度上,块元素占据了所有允许的空间。等等。span 是一个内联元素(它是允许的)将文本或其他内联元素放入内联元素元素内。禁止在...

Global site tag (gtag.js) - Google Analytics