css布局学习1--display
2013-11-12 09:40
316 查看
1. display是css中用于布局的最重要的元素,主要有两个值block和inline,block用于块级元素,inline元素用于行内元素。
2.常见的块级元素有div、p、form、header、footer、,行内元素有span
3.设置块级元素的width可以防止内容撑破元素,margin的左右为auto,就可以使块级元素的内容居中,左右均分(如图1)。缺点是当调整浏览器窗口比块级元素还小时,会出现滚动条(如图2),为了让块级元素自适应浏览器的变化,不出现滚动条,可以对块级元素使用max-width元素(图3)。
图1
图2
图3
2.常见的块级元素有div、p、form、header、footer、,行内元素有span
3.设置块级元素的width可以防止内容撑破元素,margin的左右为auto,就可以使块级元素的内容居中,左右均分(如图1)。缺点是当调整浏览器窗口比块级元素还小时,会出现滚动条(如图2),为了让块级元素自适应浏览器的变化,不出现滚动条,可以对块级元素使用max-width元素(图3)。
图1
图2
图3
相关文章推荐
- 【BS学习】精通CSS.DIV网页样式与布局总结
- 系列文章--精通CSS.DIV网页样式与布局学习
- CSS学习(9)--布局属性
- 基于display:table的CSS布局让HTML元素和像table一样
- CSS布局学习笔记and一些小技巧
- 基于display:table的CSS布局让HTML元素和像table一样
- CSS display属性的table表格布局
- 【css布局】display、position、float、overflow
- CSS学习笔记--布局
- CSS+HTML网页设计与布局(学习笔记1)
- 学习CSS布局心得
- CSS基础学习十九:CSS布局之图文混排,图像签名,多图拼接和图片特效
- DIV+CSS网页制作布局技巧学习
- CSS中display对布局的影响以及元素display的默认值
- CSS学习笔记--Div+Css布局实战(入门)
- CSS布局学习随手笔记
- CSS学习-布局
- CSS之使用display:inline-block来布局
- CSS布局 ——从display,position, float属性谈起
- h5学习笔记: css布局案例练习