flexbuilder工作空间
sjy7329
这个作者很懒,什么都没留下…
展开
-
flex布局(1)
一、圣杯布局(网站中最常见的页面布局:主要有三个部分,分别是头部、主体部分、尾部,其中主体部分又分为三部分,下边我们用flex布局方式写一下:) <div class="main"> <header>header</header> <div class="content"> <div class="nav">nav</div> <div cl原创 2017-09-22 14:46:20 · 275 阅读 · 0 评论 -
flex布局(2)
二、输入框布局(在做表单提交或者登录注册的时候回经常用到)html代码如下:<form method="post" class="form"> <input type="text" class="text"> <button class="btn">按钮</button></form>css代码如下:.form{ display:flex; } .text,b原创 2017-09-22 15:02:34 · 293 阅读 · 0 评论 -
flex布局(3)
三、悬挂式布局html代码如下:<div class="box"> <img src="icon.jpeg" class="box-figure" width="60px" height="60px" /> <div class="box-body"> <div>标题</div> <p>内容部内容部内容部内容部分内容部内容部内容部内容部内容部内容部内容部</p> </di原创 2017-09-22 15:29:29 · 190 阅读 · 0 评论