移动开发:CSS3 box-sizing 属性
来源:互联网 发布:湖南商学院大数据专业 编辑:程序博客网 时间:2024/05/05 21:04
div{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;float:left;}
语法
box-sizing: content-box|border-box|inherit;
这是由 CSS2.1 规定的宽度高度行为。
宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框。
border-box为元素设定的宽度和高度决定了元素的边框盒。
就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
inherit规定应从父元素继承 box-sizing 属性的值。Firefox 请使用 -moz-box-sizing,Safari / WebKit 请使用 -webkit-box-sizing,Opera 直接用 box-sizing 即可。
获取更多的文章,欢迎关注微信公众号
0 0
- 移动开发:CSS3 box-sizing 属性
- CSS3 box-sizing 属性
- css3:box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing 属性
- CSS3 box-sizing 属性
- CSS3 Box-sizing属性
- 【CSS3】box-sizing 属性
- CSS3 box-sizing属性
- 【CSS3】Box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- css3 box-sizing属性
- CSS3 box-sizing 属性
- eclipse debug界面停止按钮灰色
- 使用Android API最佳实践 Retrofit OKHttp GSON
- Hadoop如何修改HDFS文件存储块大小
- Valid Anagram
- OpenGL3.0教程 第十六课:阴影贴图
- 移动开发:CSS3 box-sizing 属性
- jQuery 语法
- 串结构练习——字符串连接
- 文件操作——文件路径
- C++手动扩栈方法
- JSON数据格式
- 最小生成树prim算法实现
- 公共开放WebService接口
- c++/c 获取cpp文件行号跟文件名