给菜鸟们的小提示(一)

来源：互联网发布：mysql 视频编辑：程序博客网时间：2024/05/20 18:53

对于刚刚学习html5的童鞋或者开发过html但没怎么接触过html5的人来说对于新的html5有一些容易忽视的技巧或者问题，

比如：

1：流式布局

简单来说就是flex;

流式布局可以根据不同的显示频幕大小来自适应布局，既然是小技巧就不说那么深奥

我们只说简单的局部样式方面

即div中的

很多人发现 ul...li...布局或者h1..h2..之类的标签好像全都是竖直排列，一个h1占一行，

<html>

<head>  </head><body><div>  <h1>    this is h1  </h1>  <h3>this is  h3  </h3></div><span> This is a span </span></body></html>

如果你是有经验的老手，你会用floatLleft

但是就会出现以下症状

<style media="screen">    h1{      float: left;    }  </style>

居然不对齐了呢

div好像不是一个方形盒子了，而是感觉缺了什么

float：left的属性貌似默认把标签的position设置成absolute

如果使用这个的话

  div{      display: flex;    }

是不是不一样了呢，没错，这就是流式布局

今天就先介绍这个小小的技巧，该睡啦。

0 0