/* 设置flex布局 */
display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
display:-webkit-flex;/* Chrome 21+ */
display:-ms-flexbox;/* WP IE 10 */
display:flex;/* android 4.4 */
/* 设置方向 */
-webkit-box-orient: vertical;/* android 2.1-3.0, ios 3.2-4.3 */
-webkit-flex-direction: column;/* Chrome 21+ */
-ms-flex-direction: column;/* WP IE 10 */
flex-direction: column;/* android 4.4 */
/* 子元素自动占据剩余的空间 */
-webkit-box-flex:1;/* android 2.1-3.0, ios 3.2-4.3 */
-webkit-flex:1;/* Chrome 21+ */
-ms-flex:1;/* WP IE 10 */
flex:1;/* android 4.4 */
/* 子元素 水平居中 */
-webkit-box-pack: center;/* android 2.1-3.0, ios 3.2-4.3 */
-webkit-justify-content: center;/* Chrome 21+ */
-ms-flex-pack: center;/* WP IE 10 */
justify-content: center;/* android 4.4 */
/* 水平布局下的子元素 垂直居中 */
-webkit-box-align: center;/* android 2.1-3.0, ios 3.2-4.3 */
-webkit-align-items: center;/* Chrome 21+ */
-ms-flex-align: center;/* WP IE 10 */
align-items: center;/* android 4.4 */
/* 水平布局下的子元素 2端对齐 */
-webkit-box-pack: justify;/* android 2.1-3.0, ios 3.2-4.3 */
-webkit-justify-content: space-between;/* Chrome 21+ */
-ms-flex-pack: justify;/* WP IE 10 */
justify-content: space-between;/* android 4.4 */
分享到：
相关推荐
css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...
在微信浏览器中，为了提供更好的用户体验和安全性，有时开发者会遇到需要用户手动操作才能正常访问外部链接的情况。本文将详细探讨如何实现“微信浏览器内显示遮罩层提示点击右上角，选择在浏览器中打开链接”的功能...
《div+css3.0网页布局精粹》是一本深入探讨网页布局技术的专业书籍，主要针对div和CSS3.0的应用进行详细解析。在互联网页面设计中，div元素与CSS3.0是构建高效、响应式和美观网页的重要工具。本书旨在解决网页设计师...
CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页...
4. **CSS3特性检测**：微信浏览器在CSS3的一些实现上也有其特色，比如 `-webkit-tap-highlight-color` 属性的处理。可以通过CSS3选择器来检测： ```css body:before { content: 'test'; display: none; -webkit-...
《CSS2.0+CSS3.0的chm文档》是一个综合性的资源，包含了CSS2.0和CSS3.0的详细技术指南。这个压缩包提供了两个CHM（Compiled HTML Help）文件，分别是《CSS2.0中文手册.chm》和《css3.0参考手册.chm》，旨在为开发者...
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一...
标签中的“源码”可能暗示着CSS3.0的实践应用或学习资源中包含实际的代码示例，而“工具”可能指的是用来辅助开发和调试CSS3.0的软件或在线服务，如浏览器的开发者工具。 至于压缩包中的“梦网平台Webservice接口...
通过阅读"CSS 3.0参考手册"，开发者可以深入了解这些新特性的用法和浏览器兼容性，从而在实际项目中发挥出CSS 3.0的全部潜力。同时，关注最新的W3C规范和浏览器更新，以便及时了解并应用最新的CSS技术。
**CSS3.0手册——网页开发者的必备指南** 在网页设计和开发领域，CSS（Cascading Style Sheets）是用于定义HTML或XML（包括如SVG、MathML等各种XML方言）文档呈现的重要技术。随着互联网的发展，CSS也不断进化，CSS...
这是因为微信浏览器在某些情况下，如打开外部链接时，可能会有自己的行为，比如自动加载微信的分享功能或者安全提示。为了确保用户体验的一致性，我们通常会编写代码来检测用户是否在微信环境下浏览，并根据情况添加...
例如，虽然CSS3.0的某些功能在现代浏览器中得到广泛支持，但为了确保老版本浏览器的兼容，仍需了解并合理使用CSS2.0的特性。而CSS3.0的新特性则为设计师提供了更多的创意空间，使得网页设计更具动态感和交互性。 ...
Flexbox（弹性盒布局）和Grid（网格布局）是CSS3.0中的两种全新的布局模型。Flexbox解决了复杂的单轴布局问题，而Grid则提供了二维布局解决方案，让网页布局设计更为灵活和强大。 **八、颜色与透明度** 新增的RGBA...
“css3.0参考手册.chm”文件应该包含了上述所有特性的详细说明，包括语法、示例和兼容性信息，是学习和查阅CSS3.0特性的宝贵资源。对于前端开发者来说，熟练掌握CSS3.0将有助于构建更具吸引力和交互性的网页和应用。
CSS3.0则扩展了CSS2.1的功能，增加了许多新的选择器、布局模型和动画效果，使得网页设计更加灵活多样。核心知识点包括： 1. 选择器：增加了伪类（如:hover、:active、:visited）和伪元素（如::before、::after），...
总结，CSS3.0参考手册是前端开发者的得力助手，它详细讲解了以上这些特性，并且通常还包括实际应用示例和浏览器兼容性指南，帮助开发者更好地理解和运用CSS3.0，提升网页设计的专业性和创新性。通过深入学习这本手册...
CSS3.0还引入了多列布局、Flexbox（弹性盒模型）和Grid Layout（网格布局），为网页布局提供了更加灵活和响应式的设计方案。 在**CSS3.0**的变形（Transforms）、动画（Animations）和过渡（Transitions）方面，...
**CSS3.0与CSS4.0 API详解** 在网页设计和开发中，CSS（Cascading Style Sheets）是不可或缺的一部分，它负责控制网页的布局和样式。随着技术的不断发展，CSS从最初的1.0版本逐步演进到目前广泛使用的3.0版本，并且...