DIV中的<ul><li><h><p>的排列方式 是类似于tr和TD从左到右吗? 如果受限于某个宽度 它们会自动移到下面?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DIV中的<ul><li><h><p>的排列方式 是类似于tr和TD从左到右吗? 如果受限于某个宽度 它们会自动移到下面?相关的知识,希望对你有一定的参考价值。

如果受限于某个宽度 它们会自动移到下面? 否则就一直从左到右排列过去?
例如:
//举例这个id=1宽度是1000 那么下面2个DIV如果宽度合起来不超过1000的话 就会从左到右排列过去? 反之,超过1000的那一个DIV会向下移?
<div id="1">
<div id="2"></div>
<div id="2"></div>
</div>

参考技术A 如果没有样式的控制是按html本身的默认样式排列的。关于HTML标签的默认样式你可以去查一下相关资料。
你的例子中即使那ID=1的DIV中两个DIV宽度和没有超过ID=1的DIV,如果没有设置浮动的话还是按行排列的,如果设置了浮动但宽度和超过了父级DIV(ID=1的DIV),第二个DIV也会换行下移的。这个跟表格里TD是不一样的,TD是列标签,默认样式是从左往右右排列的
参考技术B 没楼上几位说的复杂
网页元素在没有css样式,依靠自身默认的状态呈现出来时,只是文档流,至上而下显示的。这点,你可以通过不给一个页面加入css看出来。

其次
按照你例子的写法,如果没有定义CSS样式的情况下,本身div1里面的第二个div就在第一个div的下面。不存在在第一个DIV右边的可能。
然后,如果定义了CSS样式,两个div现在并排显示,当两个div宽度总和大于1000时,第二个div也就是右边的div会被挤到下一行。如果单个宽度都大于1000,那么div1的宽度就等于最大宽度

仍有不解,站内消息
参考技术C 不加其它CSS的话 2个div2会分到不同的行上 也就是上下排列,
想让他们左右排列的话 要在div2里加上css(float:left),
<ul><li><h><p>类似,这些叫做块级元素,也就是默认上下排列的,<span> <a>这咱叫做行内元素,默认是左右排列的
参考技术D 首先默认情况下里面的两个div是直接换行的,除非这样
<div id="1">
<div id="2" style="float:left"></div>
<div id="2" style="float:left"></div>
</div>
才会受限于某个宽度后换行
第5个回答  2011-05-10 这个要用float:left或者display:inline实现本回答被提问者采纳

div span ul ol 区别

一不小心跑偏了qwq

1、ol和ul

<ol>

  <li>  </li>
        <li>  </li>

<ul>    
<ul>

  <li>  </li>
       <li>  </li>

</ul>    

上面那两块的区别在于ul块中的行有小圆点,<li>是行的意思;

2、div和span

div和span都是块,但是div是自动分行的;

 

以上是关于DIV中的<ul><li><h><p>的排列方式 是类似于tr和TD从左到右吗? 如果受限于某个宽度 它们会自动移到下面?的主要内容,如果未能解决你的问题,请参考以下文章

CSS里 ul标签怎么居中啊

css怎样设置ul的li 居中均匀排列

如何用jquery获得每个ul下最后一个li

<div> 内 <ul> 内水平居中/均匀分布 <li>

关于CSS中的ul与li的问题 具体代码如下 怎么解决子级li挤父级li

jquery获取ul下的第1,3,5,7,9个li