html中的块与布局

时间:2021-11-23 17:53:20

一.div

  a.会跳行

  b.如果想不跳行则设置 style =“display:inline” ,允许它的前后存在其它的内联元素同行显示。

  c.或者设置为浮动元素,float:left 允许它的右边存在任何元素同行显示,不论是内联元素还是块元素。

二.table

  a.可以设置垂直居中:div不可

  b.浏览器会下载整个表格才显示:因此一般还是使用div布局

三.目前流行布局方式

  css盒子:就是div区块+css格式化区块,区块之间的嵌套(使用css中的嵌套关系定义)。

四.注意点

  a.百分比高度:继承自父元素,如果父元素为0,则百分比不起作用

  b.