css布局的方法有哪些
本篇内容主要讲解“css布局的方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css布局的方法有哪些”吧!
在成都网站设计、成都网站制作中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手,突出企业的产品/服务/品牌,帮助企业锁定精准用户,提高在线咨询和转化,使成都网站营销成为有效果、有回报的无锡营销推广。创新互联公司专业成都网站建设10余年了,客户满意度97.8%,欢迎成都创新互联客户联系。
设置元素的现实方式
display:block
默认宽度为父级元素宽度
可设置宽高
换行显示
display:inline
默认宽度为内容宽度
不可设置宽高
同行显示
display:inline-block
默认宽度为内容宽度
可以设置高宽
同行显示
整块换行,inline行间换行
默认标签有 表单标签
display:none
设置元素不显示
与visibility:hidden的区别
visibility:hidden仅仅隐藏元素不可见,但是后面元素不能占据他的位置。
块级元素水平居中
1 |
|
居中导航
- 导航
float:right
默认宽带为内容宽度
脱离文档流
向指定方向一直移动
float元素在同一文档流
float元素半脱离文档流(对元素,脱离文档流,对内容在文档流)
清除浮动
clearfix
.clearfix:after{content:".";display:block;clear:both;height:0; overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
到此,相信大家对“css布局的方法有哪些”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
当前文章:css布局的方法有哪些
网页网址:http://myzitong.com/article/goiiog.html