css3中display和box小结
2015-06-12 11:57
344 查看
display:table用处:
1、创建登高列
2、实现大小不确定元素的垂直居中
3、容器内子项目数目未知,子项目平均分配容器的水平空间
float必须指定其宽度才行,不确定的话就用display:table-cell
box-sizing的属性值:content-box(default),border-box,padding-box。
1、content-box,border和padding不计算入width内
2、padding-box,padding计算入width内
3、border-box,border和padding计算入width之内,(其实就是怪异模式);
1、创建登高列
2、实现大小不确定元素的垂直居中
3、容器内子项目数目未知,子项目平均分配容器的水平空间
float必须指定其宽度才行,不确定的话就用display:table-cell
box-sizing的属性值:content-box(default),border-box,padding-box。
1、content-box,border和padding不计算入width内
2、padding-box,padding计算入width内
3、border-box,border和padding计算入width之内,(其实就是怪异模式);
相关文章推荐
- JSP页面中JQ实现---当点击按钮的时候,改变原来样式,内容也发生改变,再次点击变成原来的样子
- CSS垂直居中实现方法大全
- css3 字体旋转
- 【html+css】fetch界面 smarty中 使用 if语句
- css的white-space属性导致了空格问题——查看十六进制发现2020变成了c2a0
- filter在CSS中的效果
- CSS十问——好奇心+刨根问底=CSSer
- 转载一篇张鑫旭大大的文章,我感觉不错!!【获取元素CSS值之getComputedStyle方法熟悉】
- css3 设置背景定位
- css3 设置背景图片大小(缩略图形式缩小)
- Radiobutton样式
- Sass浅谈
- 用CSS如何实现单行图片与文字垂直居中
- 纯CSS实现图片
- 巧用CSS3 :target 伪类制作Dropdown下拉菜单(无JS)
- CSS禅意花园——CSS设计的绝美境界
- ActionBar 样式详解 -- 样式 主题 简介 Actionbar 的 icon logo 标题 菜单样式修改
- CSS3 选择器
- JS、CSS命名规范
- 用CSS截断字符串